\n ![]()
\n \n
","import { Component } from '@angular/core';\nimport { trigger } from \"@angular/animations\";\n\nimport { getShowFade } from \"src/app/services/template-service/animations\";\nimport { GloabalLoader } from '../../services/gloabal-loader.service';\n\n@Component({\n selector: 'app-global-loader',\n template: `\n \n \n \n \n
\n \n \n دیگه نمایش نده\n \n \n
\n\n ![](\"assets/icons/base-loader.gif\")
\n
\n `,\n styleUrls: ['../../styles/loader.scss'],\n animations: [\n trigger('showFade', getShowFade(100))\n ]\n})\nexport class GlobalLoaderComponent { loader = GloabalLoader }\n ","import { Component, Inject, OnInit } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\n\n@Component({\n selector: 'app-show-audio',\n templateUrl: './show-audio.component.html',\n styleUrls: ['../file-viewer.scss', './show-audio.component.scss']\n})\nexport class ShowAudioComponent implements OnInit {\n constructor(\n private dialogRef: MatDialogRef\n \r\n
","import { Component, Inject, OnInit } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\n\n@Component({\n selector: 'app-show-image',\n templateUrl: './show-image.component.html',\n styleUrls: ['../file-viewer.scss', './show-image.component.scss']\n})\nexport class ShowImageComponent implements OnInit {\n constructor(\n private dialogRef: MatDialogRef\r\n \r\n \r\n
\r\n \r\n
\r\n\n
","import { Component, Inject, OnInit } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\n\n@Component({\n selector: 'app-show-pdf',\n templateUrl: './show-pdf.component.html',\n styleUrls: ['../file-viewer.scss', './show-pdf.component.scss']\n})\nexport class ShowPdfComponent implements OnInit {\n zoom: number = 1;\n isCtrlPressed: boolean = false;\n\n constructor(\n private dialogRef: MatDialogRef\n \n \n
\n \n
\n\n \n ![]()
\n \n
\n \n
","import { Component, Inject, OnInit } from '@angular/core';\nimport { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';\n\n@Component({\n selector: 'app-show-video',\n templateUrl: './show-video.component.html',\n styleUrls: ['../file-viewer.scss', './show-video.component.scss']\n})\nexport class ShowVideoComponent implements OnInit {\n fullscreen: boolean = false;\n constructor(\n private dialogRef: MatDialogRef\n \n \n
\n \n \n \n \n
\n\r\n
","import { Directive, HostListener } from '@angular/core';\n\n@Directive({\n selector: '[justEnglish]'\n})\nexport class JustEnglishDirective {\n\n englishRegExp = /^[a-zA-Z0-9!@#$%^&*://()_.?]+/;\n isControlKey(key: string): boolean {\n switch (key) {\n case 'Tab':\n case 'Alt':\n case 'Shift':\n case 'Enter':\n case 'Backspace':\n case 'ArrowUp':\n case 'ArrowLeft':\n case 'ArrowRight':\n case 'ArrowDown':\n case 'Delete':\n return true;\n default: return false;\n }\n }\n @HostListener('keydown', ['$event']) writteAllow(event: any) {\n if (this.isControlKey(event.key)) return;\n else if (!this.englishRegExp.test(event.key)) event.preventDefault();\n }\n}\n","import { Directive, HostListener } from '@angular/core';\n\n@Directive({\n selector: '[onlyDigits]'\n})\nexport class OnlyDigitsDirective {\n @HostListener('keydown', ['$event']) writteAllow(event: any) {\n if ((/^[a-zA-Z%+=\\|\\\\~!@#$%^&*://(){}`\\[\\]_,.?]$/).test(event.key)) event.preventDefault();\n }\n}","import { Directive, Input, OnChanges, SimpleChanges, Output, EventEmitter, ViewContainerRef } from '@angular/core';\n\n@Directive({\n selector: '[appSetInfo]',\n})\nexport class SetValueObjectDirective implements OnChanges {\n @Input() appSetStatus: any;\n @Output() changedStatus = new EventEmitter();\n\n constructor() { }\n ngOnChanges(changes: SimpleChanges) {\n if (changes.appSetStatus) {\n this.changedStatus.emit(changes.appSetStatus.currentValue);\n }\n }\n}\n","import { Component, OnInit } from '@angular/core';\nimport { FormToolComponent } from '../form-tool.component';\n\n@Component({\n selector: 'app-break-line',\n templateUrl: './break-line.component.html',\n styleUrls: ['./break-line.component.scss']\n})\nexport class BreakLineComponent extends FormToolComponent implements OnInit {\n constructor() { super(); }\n ngOnInit(): void {\n }\n\n}\n","","import { Component, OnInit } from '@angular/core';\nimport { mimeTypes } from 'mime-wrapper';\nimport { ShowFileService } from 'src/app/services/show-file.service';\nimport { UrlService } from 'src/app/services/url.service';\n\nimport { FormToolComponent } from '../form-tool.component';\n\n@Component({\n selector: 'app-check-box',\n templateUrl: './check-box.component.html',\n styleUrls: ['./check-box.component.scss'],\n})\nexport class CheckBoxComponent extends FormToolComponent implements OnInit {\n mimeTypes = mimeTypes;\n constructor(\n public showFileService: ShowFileService,\n public urlService: UrlService\n ) { super(); }\n ngOnInit(): void {\n this.form.setCheckboxInfo(this.config);\n }\n}\n","\r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n\n
","import { Component, OnInit, Input, Renderer2, ElementRef } from '@angular/core';\nimport { FormToolComponent } from '../form-tool.component';\nimport { DecimalPipe } from '@angular/common';\nimport moment from 'moment-jalaali';\n\nimport { DateService } from 'src/app/services/template-service/date.service';\nimport { slideToggleAuto } from 'src/app/services/template-service/animations';\nimport { trigger } from '@angular/animations';\nimport { EClassNameTheme } from 'src/app/models/form-class-name.enum';\n\n@Component({\n selector: 'app-date',\n templateUrl: './date.component.html',\n styleUrls: ['./date.component.scss'],\n providers: [\n DecimalPipe\n ],\n animations: [\n trigger('slideToggleAuto', slideToggleAuto)\n ]\n})\nexport class DateComponent extends FormToolComponent implements OnInit {\n // enums\n EClassNameTheme = EClassNameTheme;\n\n minDate: { year: number, month: number, day: number } = {\n year: 1300, month: 1, day: 1\n };\n maxDate: { year: number, month: number, day: number } = {\n year: 1500, month: 1, day: 1\n };\n\n maxMonth: number = 12;\n minMonth: number = 1;\n maxDay: number = 31;\n minDay: number = 1;\n\n // show and hide items\n closeMenu: boolean = false;\n showSelectedDate: boolean = false;\n\n selectedYear: number;\n selectedMonth: number;\n selectedDay: number;\n\n // selected date\n selectedDate: string = null;\n\n constructor(private decimalPipe: DecimalPipe) { super(); }\n ngOnInit(): void {\n this.setInfo();\n if (this.config.disableMode) return;\n\n // date now\n let now = new Date();\n let year = moment(now.getFullYear() + '/1/1', 'YYYY/M/D').jYear();\n\n // find min date and max date\n let splitMinDate = this.config.validation.minStringValue ? this.config.validation.minStringValue.split('/') : null;\n let splitMaxDate = this.config.validation.maxStringValue ? this.config.validation.maxStringValue.split('/') : null;\n\n if (splitMinDate) this.minDate = { year: Number(splitMinDate[0]), month: Number(splitMinDate[1]), day: Number(splitMinDate[2]) };\n else this.minDate = { year: (splitMaxDate ? Number(splitMaxDate[0]) - 100 : year - 50), month: 1, day: 1 };\n\n if (splitMaxDate) this.maxDate = { year: Number(splitMaxDate[0]), month: Number(splitMaxDate[1]), day: Number(splitMaxDate[2]) };\n else this.maxDate = {\n year: (splitMinDate ? Number(splitMinDate[0]) + 100 : year + 50), month: 12,\n day: DateService.getDayes((splitMinDate ? Number(splitMinDate[0]) + 100 : year + 50), 12),\n };\n\n this.init();\n }\n\n init() {\n if (this.form.userInputs[this.config.id].value) {\n let date = this.form.userInputs[this.config.id].value.split('/');\n this.selectedYear = Number(date[0]);\n this.selectedMonth = Number(date[1]);\n this.selectedDay = Number(date[2]);\n this.showSelectedDate = true;\n }\n else {\n this.selectedYear = this.minDate.year;\n this.selectedMonth = this.minDate.month;\n this.selectedDay = this.minDate.day;\n }\n this.setMonths();\n this.setDays();\n if (this.applyCondition && this.config.isLastComponent) { this.form.checkConditions(); }\n }\n\n // set methods\n setMonths() {\n // find min month\n if (this.selectedYear === this.minDate.year) this.minMonth = this.minDate.month;\n else this.minMonth = 1;\n // find max month\n if (this.selectedYear === this.maxDate.year) this.maxMonth = this.maxDate.month;\n else this.maxMonth = 12;\n // set selected month if is not contain range \n if (this.selectedMonth < this.minMonth) this.selectedMonth = this.minMonth;\n if (this.selectedMonth > this.maxMonth) this.selectedMonth = this.maxMonth;\n }\n setDays() {\n let days = DateService.getDayes(this.selectedYear, this.selectedMonth);\n // find min day\n if (this.selectedYear === this.minDate.year && this.selectedMonth === this.minDate.month)\n this.minDay = this.minDate.day;\n else this.minDay = 1;\n // find max day\n if (this.selectedYear === this.maxDate.year && this.selectedMonth === this.maxDate.month)\n this.maxDay = this.maxDate.day;\n else this.maxDay = days;\n // set selected year if is not contain range \n if (this.selectedDay < this.minDay) this.selectedDay = this.minDay;\n if (this.selectedDay > this.maxDay) this.selectedDay = this.maxDay;\n }\n\n // select items\n selectYear(year: number) {\n this.selectedYear = year;\n this.setMonths();\n this.setDays();\n }\n selectMonth(month: number) {\n this.selectedMonth = month;\n this.setDays();\n }\n selectDay(day: number) {\n this.selectedDay = day;\n }\n\n // get selected date\n getSelectedDate(): string {\n let date = '';\n date += this.selectedYear + '/';\n date += this.decimalPipe.transform(this.selectedMonth, '2.0-0') + '/';\n date += this.decimalPipe.transform(this.selectedDay, '2.0-0');\n return date;\n }\n\n // accept date\n acceptDate() {\n this.showSelectedDate = true;\n this.setValue();\n }\n onCloseMenu() {\n this.closeMenu = true;\n }\n setValue() {\n if (this.showSelectedDate) {\n this.selectedDate = this.getSelectedDate();\n this.form.userInputs[this.config.id].value = this.selectedDate;\n this.form.checkConditions();\n }\n }\n\n // disable mode \n perventOpenMenu(event) {\n if (this.config.disableMode) event.preventDefault();\n }\n\n // button up down\n goTop(element: any) {\n element.scroll({ top: element.scrollTop - 160, behavior: 'smooth' });\n }\n goDown(element: any) {\n element.scroll({ top: element.scrollTop + 160, behavior: 'smooth' });\n }\n}\n","\n
\n\n
\n\n \n
\n \n \n \n \n \n \n
\n {{ item.title }}
\n \n \n \n
","import { Component, OnInit } from '@angular/core';\nimport { EClassNameFontSize } from 'src/app/models/form-class-name.enum';\nimport { FormToolComponent } from '../form-tool.component';\n\n@Component({\n selector: 'app-description',\n templateUrl: './description.component.html',\n styleUrls: ['./description.component.scss']\n})\nexport class DescriptionComponent extends FormToolComponent implements OnInit {\n EClassNameFontSize = EClassNameFontSize;\n constructor() { super(); }\n ngOnInit(): void {\n this.setInfo();\n }\n}\n","\n
\n\n \n \n
\n \n
\n \n \n\n \n
\n \n {{ config?.title ? config.title : config?.placeholer }} را انتخاب کنید\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 { Component, OnInit } from '@angular/core';\nimport { FormToolComponent } from '../form-tool.component';\n\n@Component({\n selector: 'app-email',\n templateUrl: './email.component.html',\n styleUrls: ['./email.component.scss'],\n})\nexport class EmailComponent extends FormToolComponent implements OnInit {\n constructor() { super(); }\n ngOnInit(): void {\n this.setInfo();\n }\n}\n","\n
\n\n {{ config?.title }}\n
\n \n
","import { Component, OnInit, Input, Output, EventEmitter, ViewChild, ɵConsole, AfterViewInit } from '@angular/core';\nimport { FormControl, Validators, NgModel } from '@angular/forms';\n\nimport { IToolConfig } from 'src/app/models/form.interface';\nimport { EClassNameAlignment, EClassNameFontSize } from 'src/app/models/form-class-name.enum';\nimport { FormSubmitService } from '../services/template-service/form-submit.service';\n\n@Component({\n selector: 'app-form-tool',\n template: '',\n})\nexport class FormToolComponent implements OnInit {\n // enums\n EClassNameFontSize = EClassNameFontSize;\n EClassNameAlignment = EClassNameAlignment;\n\n @Output() change = new EventEmitter();\n\n @Input() isSurveyForm: boolean = false;\n @Input() form: FormSubmitService;\n @Input() applyCondition: boolean;\n @Input() config: IToolConfig;\n\n constructor() { }\n ngOnInit(): void {\n }\n // set info for user inputs\n setInfo() {\n this.form.setComponentInfo(this.config);\n }\n // check validations\n checkMinLength(input: NgModel) {\n // ;\n if (input.model && this.config.validation.minLen && input.model.length < this.config.validation.minLen) {\n input.control.setErrors({ minLength: true });\n }\n this.form.checkConditions();\n }\n}\n","import { MatDialog } from '@angular/material/dialog';\r\nimport { Component, OnInit, } from '@angular/core';\r\nimport { mimeTypes } from 'mime-wrapper';\r\n\r\nimport { UrlService } from 'src/app/services/url.service';\r\n\r\nimport { ShowImageComponent } from 'src/app/components/show-image/show-image.component';\r\nimport { ShowAudioComponent } from 'src/app/components/show-audio/show-audio.component';\r\nimport { ShowVideoComponent } from 'src/app/components/show-video/show-video.component';\r\nimport { ShowPdfComponent } from 'src/app/components/show-pdf/show-pdf.component';\r\nimport { FormToolComponent } from '../form-tool.component';\r\nimport { EClassNameFontSize } from 'src/app/models/form-class-name.enum';\r\n\r\n@Component({\r\n selector: 'app-label-tool',\r\n templateUrl: './label.component.html',\r\n styleUrls: ['./label.component.scss']\r\n})\r\nexport class LabelComponent extends FormToolComponent implements OnInit {\r\n mimeTypes = mimeTypes;\r\n EClassNameFontSize = EClassNameFontSize;\r\n\r\n constructor(\r\n private dialog: MatDialog,\r\n public urlService: UrlService,\r\n ) { super(); }\r\n ngOnInit(): void {\r\n }\r\n // for show file\r\n showFile(fileUrl: string) {\r\n switch (mimeTypes.getType(fileUrl).split('/')[0]) {\r\n case 'image': this.dialog.open(ShowImageComponent, { data: { src: this.urlService.getUrl('componentFile') + fileUrl } }); break;\r\n case 'audio': this.dialog.open(ShowAudioComponent, { data: { src: this.urlService.getUrl('componentFile') + fileUrl } }); break;\r\n case 'video': this.dialog.open(ShowVideoComponent, { data: { src: this.urlService.getUrl('componentFile') + fileUrl } }); break;\r\n case 'application': this.dialog.open(ShowPdfComponent, { data: { src: this.urlService.getUrl('componentFile') + fileUrl } }); break;\r\n default: break;\r\n }\r\n }\r\n}\r\n","\n
\n\n \n\n\n\n
\n \n
\n {{ config?.title ? config.title : config?.placeholer }} را وارد کنید
\n {{ config?.title ? config.title : config?.placeholer }} وارد شده اشتباه است
\n \r\n \r\n \r\n \r\n
","import { math, number } from '@amcharts/amcharts4/core';\nimport { AfterViewInit, Component, ElementRef, OnDestroy, OnInit, QueryList, ViewChildren } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { FormToolComponent } from '../form-tool.component';\n\n@Component({\n selector: 'app-matrix',\n templateUrl: './matrix.component.html',\n styleUrls: ['./matrix.component.scss']\n})\nexport class MatrixComponent extends FormToolComponent implements OnInit, AfterViewInit, OnDestroy {\n @ViewChildren('itemsTitle') itemsTitle: 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 \n
","import { Component, OnInit } from '@angular/core';\nimport { FormToolComponent } from '../form-tool.component';\n\n@Component({\n selector: 'app-next-button',\n templateUrl: './next-button.component.html',\n styleUrls: ['./next-button.component.scss']\n})\nexport class NextButtonComponent extends FormToolComponent implements OnInit {\n constructor() { super(); }\n ngOnInit(): void {\n }\n nextPage() {\n \n }\n}\n","","import { Component, OnInit } from '@angular/core';\nimport { FormToolComponent } from '../form-tool.component';\nimport { NgModel } from '@angular/forms';\n\n@Component({\n selector: 'app-number',\n templateUrl: './number.component.html',\n styleUrls: ['./number.component.scss']\n})\nexport class NumberComponent extends FormToolComponent implements OnInit {\n constructor() { super(); }\n ngOnInit(): void {\n this.setInfo();\n }\n checkMinMaxValue(input: NgModel, value: number) {\n if (value && this.config.validation.minNumValue && Number(value) < Number(this.config.validation.minNumValue)) {\n input.control.setErrors({ minValue: true });\n }\n if (value && this.config.validation.maxNumValue && Number(value) > Number(this.config.validation.maxNumValue)) {\n input.control.setErrors({ maxValue: true });\n }\n }\n}\n","\n
\n\n
\n\n \n \n \n\n \n {{ subValue.title }}\n \n\n \n
\n {{item.title}}
\n \n \n سوال بالا را تکمیل کنید\n
\n \n
","import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';\nimport { FormControl, Validators } from '@angular/forms';\n\n\nimport { IToolConfig } from 'src/app/models/form.interface';\nimport { EClassNameAlignment, EClassNameFontSize } from 'src/app/models/form-class-name.enum';\nimport { FormToolComponent } from '../form-tool.component';\n\n@Component({\n selector: 'app-password',\n templateUrl: './password.component.html',\n styleUrls: ['./password.component.scss'],\n})\nexport class PasswordComponent extends FormToolComponent implements OnInit {\n email = new FormControl(null, [Validators.email]);\n constructor() { super(); }\n ngOnInit(): void {\n this.setInfo();\n }\n}\n","\n
\n\n \n\n
\n \n
\n {{ config?.title ? config.title : config?.placeholer }} را وارد کنید
\n \n\n
\n \n {{ config?.title ? config.title : config?.placeholer }} باید بین {{ config.validation.minNumValue }} و\n {{ config.validation.maxNumValue }} باشد\n
\n \n {{ config?.title ? config.title : config?.placeholer }} باید بزرگتر از {{ config.validation.minNumValue }} باشد\n
\n \n {{ config?.title ? config.title : config?.placeholer }} باید کوچکتر از {{ config.validation.maxNumValue }} باشد\n
\n \n {{ config?.title ? config.title : config?.placeholer }} حداقل باید\n {{ config.validation.minLen }} کاراکتری باشد\n
\n\n \n
","import { Component, OnInit } from '@angular/core';\nimport { FormToolComponent } from '../form-tool.component';\n\n@Component({\n selector: 'app-prev-button',\n templateUrl: './prev-button.component.html',\n styleUrls: ['./prev-button.component.scss']\n})\nexport class PrevButtonComponent extends FormToolComponent implements OnInit {\n constructor() { super(); }\n ngOnInit(): void {\n }\n prevPage() {\n \n }\n}\n","","import { Component, OnInit } from '@angular/core';\nimport { mimeTypes } from 'mime-wrapper';\nimport { ShowFileService } from 'src/app/services/show-file.service';\nimport { UrlService } from 'src/app/services/url.service';\nimport { FormToolComponent } from '../form-tool.component';\n\n@Component({\n selector: 'app-radio-button',\n templateUrl: './radio-button.component.html',\n styleUrls: ['./radio-button.component.scss']\n})\nexport class RadioButtonComponent extends FormToolComponent implements OnInit {\n mimeTypes = mimeTypes;\n constructor(\n public showFileService: ShowFileService,\n public urlService: UrlService\n ) { super(); }\n ngOnInit(): void {\n this.setInfo();\n }\n}\n","\n
\n\n \n\n
\n \n
\n {{ config?.title ? config.title : config?.placeholer }} را وارد کنید
\n \n {{ config?.title ? config.title : config?.placeholer }} حداقل باید\n {{ config.validation.minLen }} کاراکتری باشد\n
\n \n
","import { Component, OnInit, ViewChild, ElementRef, AfterViewInit, Renderer2 } from '@angular/core';\nimport { FormToolComponent } from '../form-tool.component';\nimport * as NoUislider from 'nouislider';\nimport * as wNumb from 'wnumb';\n\n@Component({\n selector: 'app-range',\n templateUrl: './range.component.html',\n styleUrls: ['./range.component.scss']\n})\nexport class RangeComponent extends FormToolComponent implements OnInit, AfterViewInit {\n\n initView: boolean = false;\n ragneCreated: boolean = false;\n startPoints: [number, number];\n allowCreateRange: boolean = false;\n range: { min: number, max: number }\n @ViewChild('rangeEl', { static: false }) rangeEl: ElementRef;\n\n constructor(private renderer: Renderer2) { super(); }\n ngOnInit(): void {\n this.setInfo();\n this.init();\n }\n init() {\n this.range = {\n min: (this.config.validation.minNumValue != undefined ? this.config.validation.minNumValue : 0),\n max: (this.config.validation.maxNumValue != undefined ? this.config.validation.maxNumValue : 100),\n }\n this.startPoints = [this.range.min, this.range.max];\n\n if (this.config.disableMode) {\n let values = this.form.userInputs[this.config.id].value.split('::');\n this.startPoints = [Number(values[0]), Number(values[1])];\n }\n else this.form.userInputs[this.config.id].value = this.range.min + '::' + this.range.max;\n if (this.applyCondition && this.config.isLastComponent) { this.form.checkConditions(); }\n this.allowCreateRange = true;\n this.createRange();\n }\n\n ngAfterViewInit() {\n this.initView = true;\n this.createRange();\n }\n createRange() {\n if (!this.initView || !this.allowCreateRange) return;\n NoUislider.create(this.rangeEl.nativeElement, {\n // behaviour: 'unconstrained-tap',\n start: this.startPoints,\n tooltips: [true, true],\n range: this.range,\n connect: true,\n // step: 1,\n format: wNumb({\n decimals: 0\n })\n });\n if (this.config.disableMode) this.renderer.setAttribute(this.rangeEl.nativeElement, 'disabled', 'true');\n this.rangeActions();\n }\n rangeActions() {\n if (this.config.disableMode) this.rangeEl.nativeElement.noUiSlider.disabled = true;\n else {\n this.rangeEl.nativeElement.noUiSlider.on('end', values => {\n this.form.userInputs[this.config.id].value = values[0] + '::' + values[1];\n this.form.checkConditions();\n });\n }\n }\n}\n","\n
\n\n \n\n \n\n
\n \n \n \n {{ item.title }}\n \n \n \n
\n\n {{ config?.title ? config.title : config?.placeholer }} را وارد کنید
\n \n
","import { Component, OnInit } from '@angular/core';\nimport { EClassNameTheme } from 'src/app/models/form-class-name.enum';\nimport { FormToolComponent } from '../form-tool.component';\n\n@Component({\n selector: 'app-select-box',\n templateUrl: './select-box.component.html',\n styleUrls: ['./select-box.component.scss'],\n\n})\nexport class SelectBoxComponent extends FormToolComponent implements OnInit {\n // enum\n EClassNameTheme = EClassNameTheme;\n\n selectedValue: any;\n closeMenu: boolean = false;\n userSelectedValue: string = '';\n\n constructor() { super(); }\n ngOnInit(): void {\n this.setInfo();\n if (this.applyCondition && this.config.isLastComponent) { this.form.checkConditions(); }\n }\n f() {\n return 'cosmic-theme'\n }\n\n // select value and close \n selectValue(option: any) {\n this.selectedValue = option;\n this.form.userInputs[this.config.id].value = option.value;\n this.form.userInputs[this.config.id].priceValue = option.priceValue;\n this.form.setPriceComponent(this.config);\n this.form.checkConditions();\n }\n onCloseMenu() {\n this.closeMenu = true;\n }\n}\n","\n
\n\n \n
\n \n \n \n
","import { trigger } from '@angular/animations';\nimport { Component, OnInit } from '@angular/core';\nimport { FormToolComponent } from '../form-tool.component';\nimport { rotateCreateAuto, rotateReverseCreateAuto } from '../../services/template-service/animations';\nimport { EClassNameIcons } from 'src/app/models/form-class-name.enum';\n\n@Component({\n selector: 'app-star',\n templateUrl: './star.component.html',\n styleUrls: ['./star.component.scss'],\n animations: [\n trigger('rotateCreateAuto', rotateCreateAuto),\n trigger('rotateReverseCreateAuto', rotateReverseCreateAuto),\n ]\n})\nexport class StarComponent extends FormToolComponent implements OnInit {\n totalIcon: any = {};\n filledIcon: number = 0;\n\n touched: boolean = false;\n EClassNameIcons = EClassNameIcons;\n\n constructor() { super(); }\n ngOnInit(): void {\n this.setInfo();\n this.totalIcon = this.config.validation;\n\n if (this.config.required) setTimeout(() => { this.form.userInputs[this.config.id].status = 'INVALID' });\n if (this.config.disableMode) this.filledIcon = Number(this.form.userInputs[this.config.id].value);\n else this.form.userInputs[this.config.id].value = '0';\n if (this.applyCondition && this.config.isLastComponent) { this.form.checkConditions(); }\n }\n\n // set icon number\n selectIcon(indexIcon: number) {\n\n if (this.config.disableMode) return;\n // for validation\n this.touched = true;\n // remove selected\n if (indexIcon === this.filledIcon) {\n this.filledIcon = 0;\n this.form.userInputs[this.config.id].value = '0';\n this.form.checkConditions();\n if (this.config.required) {\n setTimeout(() => { this.form.userInputs[this.config.id].status = 'INVALID' });\n }\n }\n // select icon\n else {\n this.filledIcon = indexIcon;\n this.form.userInputs[this.config.id].value = indexIcon.toString();\n this.form.checkConditions();\n if (this.form.userInputs[this.config.id].status === 'INVALID') {\n setTimeout(() => { this.form.userInputs[this.config.id].status = 'VALID' });\n }\n }\n }\n}\n","\n
\n\n\n \n \n
\n\n \n
\n \n \n\n \n
\n \n {{ config?.title ? config.title : config?.placeholer }} را انتخاب کنید\n
\n \n
\n \n \n
\n \n
\n \n
\n \n\n
\n \n \n
\n\n \n
","import { Component, OnInit } from '@angular/core';\nimport { FormService } from 'src/app/services/form-service/form.service';\nimport { FormToolComponent } from '../form-tool.component';\nimport { ActivatedRoute } from '@angular/router';\n\n@Component({\n selector: 'app-submit',\n templateUrl: './submit.component.html',\n styleUrls: ['./submit.component.scss']\n})\nexport class SubmitComponent extends FormToolComponent implements OnInit {\n\n constructor(private formService: FormService, private route: ActivatedRoute) { super(); }\n ngOnInit(): void {\n }\n submitForm() {\n return;\n\n // // send form\n // this.form.isSending = true;\n // this.formService.submit(formFilled).then(\n // res => {\n // console.log(res);\n // },\n // error => {\n // console.log(error);\n // },\n // ).finally(() => this.form.isSending = false);\n }\n}\n","","import { Component, OnInit, Input, Output, OnChanges, SimpleChanges } from '@angular/core';\nimport { CreateNameToolService } from 'src/app/services/template-service/create-name-tool.service';\nimport { IToolConfig } from 'src/app/models/form.interface';\nimport { FormToolComponent } from '../form-tool.component';\n\n@Component({\n selector: 'app-text-box',\n templateUrl: './text-box.component.html',\n styleUrls: ['./text-box.component.scss'],\n providers: [\n CreateNameToolService\n ]\n})\nexport class TextBoxComponent extends FormToolComponent implements OnInit {\n constructor() { super(); }\n ngOnInit(): void {\n this.setInfo();\n }\n}\n","\n
\n\n
\n\n \n
\n \n
\n \n
\n \n
\n \n \n
\n \n \n
\n\n 10? 10: totalIcon.maxLen) - filledIcon) | newArray; let index = index\"\n (click)=\"selectIcon(totalIcon.maxLen - (index))\">\n
\n \n
\n \n \n
\n \n لطفا امتیاز خود را ثبت کنید\n
\n \n
","import { Component, OnInit } from '@angular/core';\nimport { FormToolComponent } from '../form-tool.component';\nimport { NgModel } from '@angular/forms';\nimport { min } from 'rxjs/operators';\n\n@Component({\n selector: 'app-textarea',\n templateUrl: './textarea.component.html',\n styleUrls: ['./textarea.component.scss']\n})\nexport class TextareaComponent extends FormToolComponent implements OnInit {\n constructor() { super(); }\n ngOnInit(): void {\n this.setInfo();\n }\n}\n","\n
\n\n \n\n
\n \n
\n \n {{ config?.title ? config.title : config?.placeholer }} را وارد کنید\n
\n \n {{ config?.title ? config.title : config?.placeholer }} حداقل باید\n {{ config.validation.minLen }} کاراکتری باشد\n
\n \n
","import { Component, OnInit } from '@angular/core';\n\n\nimport { FormToolComponent } from '../form-tool.component';\nimport { DecimalPipe } from '@angular/common';\nimport { EClassNameTheme } from 'src/app/models/form-class-name.enum';\n\n@Component({\n selector: 'app-time',\n templateUrl: './time.component.html',\n styleUrls: ['./time.component.scss'],\n providers: [\n DecimalPipe,\n ]\n})\nexport class TimeComponent extends FormToolComponent implements OnInit {\n // enums \n EClassNameTheme = EClassNameTheme;\n\n minTime: { hour: number, minute: number } = { hour: 0, minute: 0 };\n maxTime: { hour: number, minute: number } = { hour: 23, minute: 59 };\n\n minMinute: number = 0;\n maxMinute: number = 59;\n\n closeMenu: boolean = false;\n showSelectedTime: boolean = false;\n\n selectedHour: number = 1;\n selectedMinute: number = 1;\n\n // for selected time \n selectedTime: string;\n\n constructor(private decimalPipe: DecimalPipe) { super(); }\n ngOnInit(): void {\n this.setInfo();\n if (this.config.disableMode) return;\n\n // find min date and max date\n let splitMinTime = this.config.validation.minStringValue ? this.config.validation.minStringValue.split(':') : null;\n let splitMaxTime = this.config.validation.maxStringValue ? this.config.validation.maxStringValue.split(':') : null;\n\n if (splitMinTime) this.minTime = { hour: Number(splitMinTime[0]), minute: Number(splitMinTime[1]) };\n else this.minTime = { hour: 0, minute: 0 };\n\n if (splitMaxTime) this.maxTime = { hour: Number(splitMaxTime[0]), minute: Number(splitMaxTime[1]) };\n else this.maxTime = { hour: 23, minute: 59 };\n\n this.init();\n }\n init() {\n if (this.form.userInputs[this.config.id].value) {\n let time = this.form.userInputs[this.config.id].value.split(':');\n this.selectedHour = Number(time[0]);\n this.selectedMinute = Number(time[1]);\n this.showSelectedTime = true;\n }\n else {\n this.selectedHour = this.minTime.hour;\n this.selectedMinute = this.minTime.minute;\n }\n this.setMinutes();\n if (this.applyCondition && this.config.isLastComponent) { this.form.checkConditions(); }\n }\n\n // set minute\n setMinutes() {\n // find min minute\n if (this.selectedHour === this.minTime.hour) this.minMinute = this.minTime.minute;\n else this.minMinute = 0;\n // find max minute\n if (this.selectedHour === this.maxTime.hour) this.maxMinute = this.maxTime.minute;\n else this.maxMinute = 59;\n // check range\n if (this.selectedMinute < this.minMinute) this.selectedMinute = this.minMinute;\n if (this.selectedMinute > this.maxMinute) this.selectedMinute = this.maxMinute;\n }\n\n // select items\n selectHour(hour: number) {\n this.selectedHour = hour;\n this.setMinutes();\n }\n selectMinute(minute: number) {\n this.selectedMinute = minute;\n }\n\n // get time format\n getSelectedTime(): string {\n let time = '';\n time += this.decimalPipe.transform(this.selectedHour, '2.0-0') + ':';\n time += this.decimalPipe.transform(this.selectedMinute, '2.0-0');\n return time;\n }\n\n // accept time\n acceptTime() {\n this.showSelectedTime = true;\n this.setValue();\n }\n onCloseMenu() {\n this.closeMenu = true;\n }\n setValue() {\n if (this.showSelectedTime) {\n this.selectedTime = this.getSelectedTime();\n this.form.userInputs[this.config.id].value = this.selectedTime;\n this.form.checkConditions();\n }\n }\n\n // button up down\n goTop(element: any) {\n element.scroll({ top: element.scrollTop - 160, behavior: 'smooth' });\n }\n goDown(element: any) {\n element.scroll({ top: element.scrollTop + 160, behavior: 'smooth' });\n }\n}\n","\n
\n\n \n\n
\n \n
\n {{ config?.title ? config.title : config?.placeholer }} را وارد کنید
\n \n {{ config?.title ? config.title : config?.placeholer }} حداقل باید\n {{ config.validation.minLen }} کاراکتری باشد\n
\n \n \n \n
","import { Component, OnInit } from '@angular/core';\r\nimport { FormToolComponent } from '../form-tool.component';\r\nimport { EClassNamePosition, EClassNameErrorPosition, EClassNameImageSize } from 'src/app/models/form-class-name.enum';\r\nimport { ShowImageComponent } from 'src/app/components/show-image/show-image.component';\r\nimport { ShowAudioComponent } from 'src/app/components/show-audio/show-audio.component';\r\nimport { ShowVideoComponent } from 'src/app/components/show-video/show-video.component';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { mimeTypes } from 'mime-wrapper';\r\nimport { FileService } from 'src/app/services/file.service';\r\nimport { base64ToFile } from 'ngx-image-cropper';\r\n\r\n@Component({\r\n selector: 'app-upload',\r\n templateUrl: './upload.component.html',\r\n styleUrls: ['./upload.component.scss']\r\n})\r\nexport class UploadComponent extends FormToolComponent implements OnInit {\r\n mimeTypes = mimeTypes;\r\n touched: boolean = false;\r\n listInvalidFiles: {file:File,type:string}[];\r\n EClassNamePosition = EClassNamePosition;\r\n EClassNameImageSize = EClassNameImageSize;\r\n EClassNameErrorPosition = EClassNameErrorPosition;\r\n\r\n constructor(\r\n private dialog: MatDialog,\r\n private fileService: FileService,\r\n ) { super(); }\r\n ngOnInit(): void {\r\n this.setInfo();\r\n this.config.fileObject = { id: this.config.name, file: undefined, progressBar: 0 };\r\n if(this.config.required) { \r\n this.form.userInputs[this.config.id].status = 'INVALID';\r\n if(this.config.isLastComponent) this.form.checkConditions();\r\n }\r\n if(this.config.disableMode) {\r\n this.getFile();\r\n }\r\n }\r\n\r\n // for select file\r\n selectFile(file: File) {\r\n this.config.fileObject.file = file;\r\n this.config.fileObject.fileUrl = this.createUrl(file);\r\n this.form.userInputs[this.config.id].status = 'VALID';\r\n this.form.checkConditions();\r\n } \r\n createUrl(file: File) {\r\n return window.URL.createObjectURL(file);\r\n }\r\n // for show file\r\n showFile(type: string, fileUrl: string) {\r\n switch (type.split('/')[0]) {\r\n case 'image': this.dialog.open(ShowImageComponent, { data: { src: fileUrl } }); break;\r\n case 'audio': this.dialog.open(ShowAudioComponent, { data: { src: fileUrl } }); break;\r\n case 'video': this.dialog.open(ShowVideoComponent, { data: { src: fileUrl } }); break;\r\n default: break;\r\n }\r\n }\r\n\r\n // get submitted file\r\n getFile() {\r\n this.fileService.downloadFile(\r\n this.config.fileObject,\r\n 'ApplyFormSubmitComponent/downloadSubmitedtFile',\r\n 'GET',\r\n {},\r\n { componentID: this.config.id, submitID: this.form.submitId }\r\n ).then(\r\n res => {\r\n ;\r\n let mime = mimeTypes.getType(res.body.extension);\r\n this.config.fileObject.extension = res.body.extension;\r\n this.config.fileObject.fileName = this.config.title + '-' + this.config.id + '.' + this.config.fileObject.extension;\r\n // for create url file\r\n const blob: Blob = base64ToFile('data:' + mime + ';base64,' + res.body.base64);\r\n this.config.fileObject.fileUrl = window.URL.createObjectURL(blob);\r\n }, \r\n errorRes => {\r\n this.config.fileObject.errorMessage = errorRes.error.message;\r\n if(errorRes.status === 400) this.config.emptyFile = true;\r\n }\r\n );\r\n }\r\n // download file\r\n downloadFile() {\r\n let link = document.createElement('a');\r\n link.download = this.config.fileObject.fileName;\r\n link.target = '_blank';\r\n\r\n link.href = this.config.fileObject.fileUrl;\r\n link.click();\r\n link.remove();\r\n }\r\n}\r\n","\n
\n\n \n \n
\n\n \n
\n \n \n\n \n
\n \n {{ config?.title ? config.title : config?.placeholer }} را انتخاب کنید\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 \r\n
","import { Component, OnInit } from '@angular/core';\nimport { FormToolComponent } from '../form-tool.component';\n\n@Component({\n selector: 'app-url',\n templateUrl: './url.component.html',\n styleUrls: ['./url.component.scss']\n})\nexport class UrlComponent extends FormToolComponent implements OnInit {\n constructor() { super(); }\n ngOnInit(): void {\n this.setInfo();\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 \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{ config.fileObject.fileName }}
\r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n\r\n \r\n \r\n برای {{ config.title }} فایلی فرستاده نشده\r\n
\r\n \r\n \r\n
\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n ![]()
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {{ config.fileObject.file['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 config.validation?.maxLen * 1024\">\r\n حداکثر اندازه فایل باید {{ config.validation?.maxLen | splitDigit }} kb باشد.\r\n
\r\n \n
","import { EAlignment, ETheme, EFontSize, EImageSize, EIcons } from './form.enum';\n\n// enums\nexport enum EClassNameTheme {\n 'default-theme' = ETheme.DEFAULT,\n 'light-theme' = ETheme.LIGHT,\n 'dark-theme' = ETheme.DARK,\n 'cosmic-theme' = ETheme.COSMIC,\n}\n// reuse for upload component\nexport enum EClassNamePosition {\n 'ml-auto' = EImageSize.SMALL,\n 'mx-auto' = EImageSize.MEDIUM,\n 'mr-auto' = EImageSize.LARGE,\n}\nexport enum EClassNameErrorPosition {\n 'error-right' = EImageSize.SMALL,\n 'error-center' = EImageSize.MEDIUM,\n 'error-left' = EImageSize.LARGE,\n}\nexport enum EClassNameAlignment {\n 'left-align' = EAlignment.LEFT,\n 'right-align' = EAlignment.RIGHT,\n 'center-align' = EAlignment.CENTER,\n}\nexport enum EClassNameImageSize {\n 'small-image' = EImageSize.SMALL,\n 'medium-image' = EImageSize.MEDIUM,\n 'large-image' = EImageSize.LARGE,\n}\nexport enum EClassNameFontSize {\n 'small-size' = EFontSize.SMALL,\n 'medium-size' = EFontSize.MEDIUM,\n 'large-size' = EFontSize.LARGE,\n}\nexport enum EClassNameIcons {\n 'fa-thumbs-up icon-blue' = EIcons.THUMBS_UP,\n 'fa-star icon-yellow' = EIcons.STAR,\n 'fa-heart icon-red' = EIcons.HEART,\n 'fa-smile-beam icon-green' = EIcons.SMILE_BEAM,\n 'fa-sad-tear icon-dark' = EIcons.SAD_TEAR,\n}\n","// all interface and enums\n\n// enums\nexport enum ETheme {\n DEFAULT = 1,\n LIGHT,\n DARK,\n COSMIC,\n}\nexport enum EAlignment {\n LEFT = 1,\n RIGHT,\n CENTER,\n}\nexport enum EStatusForm {\n ACTIVE = 1,\n TEMP = 2,\n EXPIRED = 4,\n DISABLED = 6,\n DISABLE_BY_ADMIN = 7\n}\nexport enum EImageSize {\n SMALL = 1,\n MEDIUM,\n LARGE,\n}\nexport enum EFontSize {\n SMALL = 1,\n MEDIUM,\n LARGE,\n}\nexport enum EOperation {\n EQUAL = 1,\n LESSER,\n BIGGER,\n BETWEEN,\n NOT,\n}\nexport enum EConditionAggregate {\n AND = 1,\n OR,\n}\nexport enum ETool {\n TEXT_BOX = 1,\n RADIO_BUTTON,\n CHECK_BOX,\n SELECT_BOX,\n TEXTAREA,\n INPUT_DATE,\n INPUT_TIME,\n SUBMIT_BUTTON,\n PREV_BUTTON,\n NEXT_BUTTON,\n DESCRIPTION,\n BREAKLINE,\n RANGE,\n PASSWORD,\n NUMBER,\n EMAIL,\n URL,\n UPLOAD,\n}\nexport enum ESurveyTool {\n TEXT_BOX = 1,\n RADIO_BUTTON,\n CHECK_BOX,\n SELECT_BOX,\n TEXTAREA,\n INPUT_DATE,\n INPUT_TIME,\n SUBMIT_BUTTON,\n PREV_BUTTON,\n NEXT_BUTTON,\n RANGE,\n NUMBER,\n EMAIL,\n URL,\n MATRIX,\n MULTI_INPUT_MATRIX,\n STAR,\n DESCRIPTION\n}\nexport enum ERow {\n ONE_COLUMN = 1,\n TWO_EQUAL_COLUM,\n TWO_RIGHT_COLUMN,\n TWO_LEFT_COLUMN,\n THREE_EQUAL_COLUMN,\n}\nexport enum EIcons {\n THUMBS_UP = 1,\n STAR,\n HEART,\n SMILE_BEAM,\n SAD_TEAR,\n}\nexport enum EChart {\n BAR = 1,\n PIE,\n AREA,\n LINE,\n VARIABLE_PIE,\n HORZONTAL_BAR,\n MULTI_BAR,\n MULTI_PIE,\n MULTI_LINE,\n HORZONTAL_MULTI_BAR,\n}\nexport enum EApplyFormType {\n REGISTERED = 1,\n PAYMENT\n}\nexport enum EBank {\n MELLI = 1,\n MELLAT,\n SEPAH,\n REFAH,\n SADERAT,\n TEJARAT,\n MASKAN,\n}\n\n// operation formula\nexport enum EOperationFormula {\n PLUS = 1,\n MINUS,\n MULTIPLY,\n DEVIDE,\n OPEN_BRACES,\n CLOSE_BRACES\n}\nexport enum ESignOperationFormula {\n ' + ' = EOperationFormula.PLUS,\n ' - ' = EOperationFormula.MINUS,\n ' * ' = EOperationFormula.MULTIPLY,\n ' / ' = EOperationFormula.DEVIDE,\n '(' = EOperationFormula.OPEN_BRACES,\n ')' = EOperationFormula.CLOSE_BRACES,\n}","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'newArray'\n})\nexport class NewArrayPipe implements PipeTransform {\n transform(value: number, startIndex: number = 1): number[] {\n if (!value) return [];\n\n let arr = [];\n for (let i = startIndex; i < startIndex + value; i++) arr.push(i);\n return arr;\n }\n}\n","import { Pipe, PipeTransform } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n@Pipe({\n name: 'safe'\n})\nexport class SafeUrlPipe implements PipeTransform {\n constructor(private sanitizer: DomSanitizer) { }\n transform(url: string) {\n return this.sanitizer.bypassSecurityTrustResourceUrl(url);\n }\n}","import { truncateWithEllipsis } from '@amcharts/amcharts4/.internal/core/utils/Utils';\nimport { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({\n name: 'splitDigit'\n})\nexport class SplitDigitPipe implements PipeTransform {\n\n transform(value: any, count: number = 3): string {\n\n // for zero not return\n if (value == undefined) return '';\n\n let newDigit = '';\n let negative = false;\n value = value.toString();\n\n // check negative numbers\n if (value.indexOf('-') !== -1) {\n negative = true;\n value = value.replaceAll('-', '');\n }\n\n // find length\n let length = value.length;\n\n for (let i = length - 1, j = 1; i >= 0; i--, j++) {\n newDigit = value[i] + newDigit;\n if (i !== 0 && j % count === 0)\n newDigit = ',' + newDigit;\n }\n if (negative) newDigit = '-' + newDigit;\n return newDigit;\n }\n\n}\n","import { HttpService } from '../http.service';\nimport { EventEmitter, Injectable } from '@angular/core';\n\n@Injectable()\nexport class ContentService {\n contents: any = {};\n contentList: any[] = [];\n _readyContent = new EventEmitter();\n\n constructor(private httpService: HttpService) { }\n\n // get city by province id \n getContentList() {\n this.httpService.get('StringContent/getList').subscribe(\n res => {\n // console.log(res);\n this.contentList = res;\n this.setContents();\n },\n errorRes => {\n\n }\n )\n }\n\n // set contentts\n setContents() {\n // home\n this.contents['headerHome'] = this.contentList.find(item => item.key.id === 1).contentText;\n this.contents['descHome'] = this.contentList.find(item => item.key.id === 2).contentText;\n this.contents['headerCreateFormHome'] = this.contentList.find(item => item.key.id === 3).contentText;\n this.contents['descCreateFormHome'] = this.contentList.find(item => item.key.id === 4).contentText;\n // footer\n this.contents['footerDesc'] = this.contentList.find(item => item.key.id === 5).contentText;\n this.contents['mobile'] = this.contentList.find(item => item.key.id === 6).contentText;\n this.contents['phone'] = this.contentList.find(item => item.key.id === 7).contentText;\n this.contents['email'] = this.contentList.find(item => item.key.id === 8).contentText;\n // tariff\n this.contents['headerTariff'] = this.contentList.find(item => item.key.id === 9).contentText;\n this.contents['descTariff'] = this.contentList.find(item => item.key.id === 10).contentText;\n // address insta\n this.contents['address'] = this.contentList.find(item => item.key.id === 11).contentText;\n this.contents['insta'] = this.contentList.find(item => item.key.id === 12).contentText;\n // about us\n this.contents['titleAboutUs'] = this.contentList.find(item => item.key.id === 13).contentText;\n this.contents['headerAboutUs'] = this.contentList.find(item => item.key.id === 14).contentText;\n this.contents['contextAboutUs'] = this.contentList.find(item => item.key.id === 15).contentText;\n // facility\n this.contents['headerFacility'] = this.contentList.find(item => item.key.id === 16).contentText;\n this.contents['telegram'] = this.contentList.find(item => item.key.id === 17).contentText;\n\n this._readyContent.emit();\n }\n}","import { HttpService } from '../http.service';\nimport { Injectable } from '@angular/core';\n\n@Injectable()\nexport class SiteLogoService {\n logos: any;\n constructor(private httpService: HttpService) { }\n\n getList() {\n this.httpService.get('SiteLogo/getList').subscribe(\n res => { this.logos = res; },\n );\n }\n}","import { Injectable } from '@angular/core';\n\n@Injectable()\nexport class CopyService {\n constructor() { }\n // copy array and object\n copyArray(arr: any[]): any {\n if (!arr.length) return;\n\n let newArr = [];\n arr.forEach(item => {\n if (Array.isArray(item)) newArr.push(this.copyArray(item));\n else if (typeof item === 'object') newArr.push(this.copyObject(item));\n else newArr.push(item);\n });\n\n return newArr;\n }\n copyObject(obj: any): any {\n if (!obj) return;\n\n let newObj = {};\n for (let item in obj) {\n if (Array.isArray(obj[item])) newObj[item] = this.copyArray(obj[item]);\n else if (typeof obj[item] === 'object') newObj[item] = this.copyObject(obj[item]);\n else newObj[item] = obj[item];\n }\n\n return newObj;\n }\n}","import { SnackBarService } from './template-service/snackbar.service';\nimport { Injectable } from '@angular/core';\n\nexport interface IErrorMessages {\n '0'?: string;\n '400'?: string;\n '401'?: string;\n '403'?: string;\n '500'?: string;\n}\n\n@Injectable()\nexport class ErrorService {\n\n constructor(private snackbar: SnackBarService) { }\n show(errorStatus: number, defaultMessage?: string, errorMessages: IErrorMessages = {}) {\n switch (errorStatus) {\n case 0:\n if (errorMessages['0']) this.snackbar.open(errorMessages['0'], 'بستن');\n else { let message = 'اتصال به اینترنت خود را بررسی کنید'; this.snackbar.open(message, 'بستن'); }\n return;\n case 400:\n if (defaultMessage || errorMessages['400'])\n this.snackbar.open(defaultMessage ? defaultMessage : errorMessages['400'], 'بستن');\n return;\n case 401:\n if (errorMessages['401']) this.snackbar.open(errorMessages['401'], 'بستن');\n return;\n case 403:\n if (defaultMessage || errorMessages['403'])\n this.snackbar.open(defaultMessage ? defaultMessage : errorMessages['403'], 'بستن');\n return;\n case 500:\n if (errorMessages['500']) this.snackbar.open(errorMessages['500'], 'بستن');\n else { let message = 'مشکلی پیش آمده'; this.snackbar.open(message, 'بستن'); }\n return;\n default:\n break;\n }\n }\n\n}","import { HttpEvent, HttpRequest, HttpClient, HttpEventType } from '@angular/common/http';\nimport { Injectable } from '@angular/core';\nimport { finalize } from 'rxjs/operators';\n\n// service\nimport { UrlService } from 'src/app/services/url.service';\nimport { HttpService } from './http.service';\n\nexport interface IFileObject {\n id: string;\n file: Blob;\n fileUrl?: string;\n extension?: string;\n fileName?: string;\n progressBar?: number;\n errorMessage?: string;\n uploading?: boolean;\n downloading?: boolean;\n finished?: boolean;\n}\n\nexport const Extensions = [\n // images\n { title: '.png', mime: 'image/png' },\n { title: '.jpeg , .jpg', mime: 'image/jpeg' },\n { title: '.gif', mime: 'image/gif' },\n // video\n { title: '.avi', mime: 'video/x-msvideof' },\n { title: '.mpeg', mime: 'video/mpeg' },\n { title: '.ogv', mime: 'video/ogg' },\n { title: '.mp4', mime: 'video/mp4' },\n // voice\n { title: '.aac', mime: 'audio/aac' },\n { title: '.mp3', mime: 'audio/mpeg' },\n { title: '.oga', mime: 'audio/ogg' },\n { title: '.wav', mime: 'audio/wav' },\n { title: '.opus', mime: 'audio/opus' },\n // pdf\n { title: '.pdf', mime: 'application/pdf' },\n // office\n { title: '.xls', mime: 'application/vnd.ms-excel' },\n { title: '.xlsx', mime: 'officedocument.spreadsheetml.sheet' },\n { title: '.doc', mime: 'application/msword' },\n { title: '.docx', mime: 'officedocument.wordprocessingml.document' },\n // other\n { title: '.zip', mime: 'application/zip' },\n]\n\n@Injectable()\nexport class FileService {\n // for change page steel uploading show\n items: any[] = [];\n constructor(private http: HttpClient) { }\n\n // get and remove uploading array\n getItem(id: string) {\n return this.items.find(item => item.id === id);\n }\n removeItem(id: string) {\n let index = this.items.findIndex(item => item.id === id);\n this.items.splice(index, 1);\n }\n\n // upload and downlaod\n uploadFile(\n uploadItem: IFileObject,\n filePath: string,\n method: 'PUT' | 'POST' = 'POST',\n params = {},\n dir: string = 'api'\n ): Promise\n
\n\n \n\n
\n \n
\n {{ config?.title ? config.title : config?.placeholer }} را وارد کنید
\n {{ config?.title ? config.title : config?.placeholer }} وارد شده اشتباه است
\n