import { HttpClient } from '@angular/common/http'; import { OnInit, Renderer2, SimpleChanges } from '@angular/core'; import { VhEventMediator, VhQueryAutoWeb } from 'vhautowebdb'; import { LanguageService } from 'vhobjects-service/src/services'; import { FunctionService } from 'vhobjects-service/src/services'; import { NzModalService } from 'ng-zorro-antd/modal'; import { MatDialog } from '@angular/material/dialog'; import * as i0 from "@angular/core"; export declare class AtwMenuVerticalConfig implements OnInit { vhQueryAutoWeb: VhQueryAutoWeb; private http; private vhEventMediator; private renderer; languageService: LanguageService; private nzModalService; private platformId; functionService: FunctionService; private matDialog; objectChoosing: any; device: any; class: any; config: any; staticdata: any; selectedValuePosition: string; isViewAll: boolean; currentViewAll: any; isCollapsed: boolean; styles_field: { title: string; index: number; }[]; fieldConfigGradient: { 5: string; 6: string; 7: string; 8: string; }; dataAfterChange: any; valueRange: number; valueParameter: number; isOpenBackground: boolean; fieldSettingEffect: string; isOpenOptionsBorder: boolean; isOpenOptionsSubBorder: boolean; isOpenOptionsBorderSymbol: boolean; style_color: string; arr_link_page: any; isConfigSubMenu: boolean; optionsIcon: { value: string; label: string; icon: string; }[]; fonts: any[]; backgroundColor: any; dataBorder: { name: string; img_border: string; }[]; /** * Biến này để hiển thị cấu hình menu cấp n của menu khi ở dạng điện thoại */ subMobileArray: any; listGroupLink: { value: string; label: string; checked: boolean; }[]; effect_hover: any[]; effect_hover_data: any; customize: any[]; isNeedToUpdate: boolean; data_class: any; positionChildMenus: { label: string; value: string; }[]; constructor(vhQueryAutoWeb: VhQueryAutoWeb, http: HttpClient, vhEventMediator: VhEventMediator, renderer: Renderer2, languageService: LanguageService, nzModalService: NzModalService, platformId: Object, functionService: FunctionService, matDialog: MatDialog); ngOnInit(): void; ngOnChanges(changes: SimpleChanges): void; /** * Xử lý sự kiện Bật/Tắt thanh cuộn cho menu con khi config['type'] == 'horizontal' */ updateScrollbar(event: any): void; /** * Xử lý sự kiện Bật/Tắt thanh cuộn cho menu con kh config['type'] == 'vertical' */ updateScrollbarMobile(event: any): void; /** * Bắt sự kiện chọn kiểu của menu * * @param value - Mảng các object đại diện cho kiểu được chọn. Mỗi object có trường `checked` đại diện cho kiểu đó có được chọn hay không và trường `value` đại diện cho tên của kiểu. */ handleSelectGroups(value: { checked: boolean; value: any; }[]): void; /** * Handle remove menu trên mobile-menu * @param tree: Biến dùng để lưu data menu * @param currentLevel: Hàm trả về level cao nhất của cây * */ getMaxLevel(tree: any, currentLevel?: number): number; /** * Hàm này dùng để dịch chuyển mobilemenu con về bên phải trên mobile khi click về menu cha * @param menuId:cấp của menu con. */ addAttrClass(menuId: number): void; /** * Hàm này dùng để mở popup config input color */ openBgColor(): void; /** * Hàm này dùng để mở popup config submenu input color */ openBgColor2(): void; /** * Hàm này dùng để mở popup config submenu input color */ openColor(): void; /** * Hiển thị sub-menu để dễ config */ isShowSub: boolean; showSubMenu(): void; hideSubMenu(): void; /** * Handle remove menu trên mobile-menu * @param menuId: hàm này dùng để update css menu con */ updateCssMobileMenu(menuId?: number): void; /** * Hàm chuyển đổi style từ object thành chuỗi */ getStyleString(styleObj: any): string; /** * Chuyển đổi mã màu hexadecimal thành mã màu rgba. * @param hex : tham số trả về mã màu hex * @returns string : trả về chuỗi rgb */ hexToRGB(hex: string): string; /** * Xử lý lấy thông số giá trị background color. * @param event : trả về giá trị từ 0-100 */ getValueRangeBackgroundColor(e: any, type: any, id?: number): void; /** * Hàm này lấy giá trị màu nền của input color * @param event : trả về màu được chọn từ input color */ updateColorInput(e: any, type: any, mobileid?: number): void; /** * Hàm này dùng để click chọn màu nền của danh sách màu. * @param bgColor : trả về màu được chọn * @param event : trả về element được active */ chooseBg(bgColor: any, event: any, type: any, mobileid?: number | null): void; /** * Hàm update object vào database. */ updateObject(): void; /** * Hàm update class vào database. */ updateClass(): void; /** * Hàm update config vào database. */ updateConfig(): void; /** * Update trường groups cho object */ updateGroups(): void; /** * Cập nhật staticdata vào database. */ updateStaticData(): void; /** * Hàm này dùng để mở rộng phần cấu hình. * @param field_text : trả về phần tử được chọn của mảng style_field */ openViewAll(field_text: any): void; /** * Hàm này dùng để cho phép mở menu config . * Khi mở ở vị trí menu[0] thì các menu khác (menu[n]) đóng lại. * @param: value */ openHandler(value: string): void; openMap: { [name: string]: boolean; }; handleSetPositionIcon(value: any): void; /** * Set kích thước cho icon sau * @param type : menu hay submenu */ handleSetIconAfterPosition(type: any): void; /** * hàm này nhận sk thay đổi width height từ component app-width-height-config truyền về * @param event width hieght của element sau khi thay đổi */ changeWidthHeight(event: any): void; /** * Hàm này set customize mở phần mở rộng của config từ choose-animations-config truyền về * @param event customize sau khi thay đổi */ openAnimationDetail(event: any): void; /** * Hàm này set customize mở phần mở rộng của config từ choose-animations-config truyền về * @param event customize sau khi thay đổi */ openAnimationDetailChild(event: any): void; /** * Hàm này để xử lý hiệu ứng khi xuất hiện */ openAnimationAppear(type: any): void; handleChangeTypeMenu(event: any): void; handleChangePosition(event: any): void; openModalEdit(): void; /** * Cập nhật số dòng */ updateLineNumber(menu: any): void; /** * Mở popup so sánh màu nền và màu chữ có tương phản hay không * (Để tối ưu Accessibility trong SEO) */ openColorContrast(type: 'menu' | 'menu_con' | 'khi_chon_menu' | 'khi_chon_menu_con'): void; /** * Hàm này thực hiện thêm màu gradient vào array. * - menu - 5 * - menu_con - 6 * - khi_chon_menu - 7 * - khi_chon_menu_con - 8 */ addGradient(value: any, currentViewAllIndex: any): void; /** * @param index : vị trí phần tử muốn xóa * Hàm này cho phép xóa phần tử màu gradient trong array bằng index của phần tử đó. * - menu - 5 * - menu_con - 6 * - khi_chon_menu - 7 * - khi_chon_menu_con - 8 */ deleteGradient(index: any, currentViewAllIndex: any): void; /** * Hàm này cho phép chọn options direction của màu gradient * @param direction : trả về hướng phối màu được chọn * @param event : trả về element được active * - menu - 5 * - menu_con - 6 * - khi_chon_menu - 7 * - khi_chon_menu_con - 8 */ chooseOption(direction: any, event: any, currentViewAllIndex: any): void; /** * hàm cập nhật background linear-gradient * - menu - 5 * - menu_con - 6 * - khi_chon_menu - 7 * - khi_chon_menu_con - 8 */ updateBackgroundRgb(currentViewAllIndex: any): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; }