vhobjects-config 0.5.4 → 0.5.6

package/lib/frames/frame-products/config/frame-products-config/frame-products-config.component.d.ts

@@ -48,6 +48,9 @@ export declare class AtwFrameProductsConfig implements OnInit {
     private classUpdates;
     private configUpdates;
     effect_hover_data: any;
+    labelSectorMap: {
+        [key: string]: string;
+    };
     constructor(vhQueryAutoWeb: VhQueryAutoWeb, nzModalService: NzModalService, languageService: LanguageService, vhAlgorithm: VhAlgorithm, vhEventMediator: VhEventMediator, http: HttpClient, platformId: Object, functionService: FunctionService);
     ngOnInit(): void;
     ngOnChanges(changes: SimpleChanges): void;

package/lib/objects/news/text-news-title/config/text-news-title-config.component.d.ts

@@ -30,6 +30,7 @@ export declare class AtwTextNewsTitleConfig implements OnInit {
     text_style: any;
     /** Danh sách giải thích loại văn bản tương ứng SEO */
     seoTextTypes: any;
+    hasSelectedCell: boolean;
     constructor(vhQueryAutoWeb: VhQueryAutoWeb, http: HttpClient, vhEventMediator: VhEventMediator, platformId: Object, functionService: FunctionService);
     ngOnInit(): void;
     ngOnChanges(): void;

package/lib/objects/product/customize-newField/config/customize-newField-config/customize-newField-config.module.d.ts

@@ -4,16 +4,17 @@ import * as i2 from "./newField-select-config/newField-select-config.component";
 import * as i3 from "./newField-text-config/newField-text-config.component";
 import * as i4 from "./newField-radio-button-config/newField-radio-button-config.component";
 import * as i5 from "./customize-newField-config.component";
-import * as i6 from "@angular/common";
-import * as i7 from "ngx-color-picker";
-import * as i8 from "vhobjects-service";
-import * as i9 from "@angular/forms";
-import * as i10 from "@ckeditor/ckeditor5-angular";
-import * as i11 from "../../../../../vh-language.pipe";
-import * as i12 from "@ngx-translate/core";
-import * as i13 from "../../../../../vhstringpercent.pipe";
+import * as i6 from "./newField-image-config/newField-image-config.component";
+import * as i7 from "@angular/common";
+import * as i8 from "ngx-color-picker";
+import * as i9 from "vhobjects-service";
+import * as i10 from "@angular/forms";
+import * as i11 from "@ckeditor/ckeditor5-angular";
+import * as i12 from "../../../../../vh-language.pipe";
+import * as i13 from "@ngx-translate/core";
+import * as i14 from "../../../../../vhstringpercent.pipe";
 export declare class CustomizeNewFieldConfigModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomizeNewFieldConfigModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CustomizeNewFieldConfigModule, [typeof i1.AtwNewFieldInputConfig, typeof i2.AtwNewFieldSelectConfig, typeof i3.AtwNewFieldTextConfig, typeof i4.AtwNewFieldRadioButtonConfig, typeof i5.AtwCustomizeNewFieldConfig], [typeof i6.CommonModule, typeof i7.ColorPickerModule, typeof i8.MaterialModule, typeof i8.NgZorroAntModule, typeof i9.ReactiveFormsModule, typeof i10.CKEditorModule, typeof i11.VhLanguagePipeModule, typeof i9.FormsModule, typeof i8.WidthHeightConfigModule, typeof i8.PositionOutConfigModule, typeof i8.LinkPageModule, typeof i8.ChooseAnimationsConfigModule, typeof i8.RotateConfigModule, typeof i8.TextStyleConfigModule, typeof i8.BordersConfigModule, typeof i8.BordersRadiusConfigModule, typeof i8.TextFormatConfigModule, typeof i12.TranslateModule, typeof i8.ShadowConfigModule, typeof i8.AnimationsConfigModule, typeof i8.HideShowConfigModule, typeof i8.SymbolConfigModule, typeof i13.VhStringPercentPipeModule, typeof i8.PaddingConfigModule, typeof i8.LetterSpacingConfigModule, typeof i8.LineHeightConfigModule], never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CustomizeNewFieldConfigModule, [typeof i1.AtwNewFieldInputConfig, typeof i2.AtwNewFieldSelectConfig, typeof i3.AtwNewFieldTextConfig, typeof i4.AtwNewFieldRadioButtonConfig, typeof i5.AtwCustomizeNewFieldConfig, typeof i6.AtwNewFieldImageConfig], [typeof i7.CommonModule, typeof i8.ColorPickerModule, typeof i9.MaterialModule, typeof i9.NgZorroAntModule, typeof i10.ReactiveFormsModule, typeof i11.CKEditorModule, typeof i12.VhLanguagePipeModule, typeof i10.FormsModule, typeof i9.WidthHeightConfigModule, typeof i9.PositionOutConfigModule, typeof i9.LinkPageModule, typeof i9.ChooseAnimationsConfigModule, typeof i9.RotateConfigModule, typeof i9.TextStyleConfigModule, typeof i9.BordersConfigModule, typeof i9.BordersRadiusConfigModule, typeof i9.TextFormatConfigModule, typeof i13.TranslateModule, typeof i9.ShadowConfigModule, typeof i9.AnimationsConfigModule, typeof i9.HideShowConfigModule, typeof i9.SymbolConfigModule, typeof i14.VhStringPercentPipeModule, typeof i9.PaddingConfigModule, typeof i9.LetterSpacingConfigModule, typeof i9.LineHeightConfigModule, typeof i9.ObjectFitConfigModule, typeof i9.BrightnessContrastConfigModule], never>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CustomizeNewFieldConfigModule>;
 }

package/lib/objects/product/customize-newField/config/customize-newField-config/newField-image-config/newField-image-config.component.d.ts

@@ -0,0 +1,222 @@
+import { HttpClient } from '@angular/common/http';
+import { OnInit, SimpleChanges } from '@angular/core';
+import { MatDialog } from '@angular/material/dialog';
+import { NzImageService } from 'ng-zorro-antd/image';
+import { VhEventMediator, VhImage, VhQueryAutoWeb } from 'vhautowebdb';
+import { FunctionService, LanguageService } from 'vhobjects-service';
+import * as i0 from "@angular/core";
+export declare class AtwNewFieldImageConfig implements OnInit {
+    vhQueryAutoWeb: VhQueryAutoWeb;
+    private dialog;
+    private http;
+    private vhEventMediator;
+    private vhImage;
+    private matdialog;
+    functionService: FunctionService;
+    private platformId;
+    private languageService;
+    private nzImageService;
+    isCollapsed: boolean;
+    isShowConfirmPopup: boolean;
+    isConfirmLoading: boolean;
+    isViewAll: boolean;
+    currentViewAll: any;
+    objectChoosing: any;
+    type: any;
+    device: any;
+    class: any;
+    staticdata: any;
+    config: any;
+    blocks_of_page?: any;
+    effect_hover: any[];
+    isApplyShadow: boolean;
+    effect_hover_data: any;
+    visible_config_tool: boolean;
+    previewUploadUrl: string | null;
+    dragging: boolean;
+    customize: any[];
+    style_fields: ({
+        title: string;
+        index: number;
+        isDrop: boolean;
+    } | {
+        title: string;
+        index: number;
+        isDrop?: undefined;
+    })[];
+    shadow_styles: any;
+    /** Có nên mở nút cập nhật kích thước ảnh cho bằng kích thước thiết kế hay không */
+    isDesignImageSizeValid: boolean;
+    id_subproject: any;
+    imageDeviceWidthMax: string;
+    widthImageMax: number;
+    heightImageMax: number;
+    subproject: any;
+    resolution: any;
+    constructor(vhQueryAutoWeb: VhQueryAutoWeb, dialog: MatDialog, http: HttpClient, vhEventMediator: VhEventMediator, vhImage: VhImage, matdialog: MatDialog, functionService: FunctionService, platformId: Object, languageService: LanguageService, nzImageService: NzImageService);
+    ngOnInit(): Promise<void>;
+    ngOnChanges(changes: SimpleChanges): Promise<void>;
+    handleOpenFullscreenPreview(): void;
+    /**
+   *  lấy width height của ảnh của từng thiết bị
+      lấy width height của ảnh của thiết bị có width lớn nhất
+    */
+    getWidthHeightImage(): void;
+    /** Xử lí xoay lật
+     * @param axis : Lật theo trục 'x' | 'y' | 'z' | '-z'
+     */
+    handleSetTransform(axis: any): void;
+    SetTransform(): void;
+    changeImgType(): void;
+    /**
+     * Cập nhật staticdata vào database.
+     */
+    updateStaticData(): void;
+    /**
+   * Cập nhật Setups vào database.
+   */
+    updateSetups(): void;
+    /** UPLOAD IMAGE */
+    openUpload(): void;
+    /**
+   * no-compress': Không nén ảnh sau khi tải lên
+    'compress-screen': Nén ảnh sau khi tải lên, nén ảnh theo tỉ lệ màn hình của mỗi thiết bị
+    'compress-frame': Nén ảnh sau khi tải lên, nén ảnh theo tỉ lệ màn hình của mỗi khung hình thiết bị
+    */
+    onUpload(e: any): void;
+    /**
+     * Hàm xử lý khi người dùng kéo và thả (drop) một tệp vào vùng upload.
+     * @param event
+     */
+    onFileDropped_upload(event: DragEvent): void;
+    /**
+     * Hàm xử lý tệp hình ảnh lên server
+     * - Tải lên
+     * - Kéo thả vào
+     *
+     * Nén ảnh:
+     * - 'no-compress': Không nén ảnh sau khi tải lên
+     * - 'compress-screen': Nén ảnh sau khi tải lên, nén ảnh theo tỉ lệ màn hình của mỗi thiết bị
+     * - 'compress-frame': Nén ảnh sau khi tải lên, nén ảnh theo tỉ lệ màn hình của mỗi khung hình thiết bị
+     * @param file File được kéo thả vào hoặc được tải lên
+     */
+    processImageUpload(file: File): void;
+    /**
+     * Hành động khi người dùng kéo file qua vùng upload (chưa thả).
+     * @param event
+     */
+    onDragOver_upload(event: DragEvent): void;
+    /**
+     * Hành động khi người dùng rời con trỏ khỏi vùng upload mà chưa thả.
+     */
+    onDragLeave_upload(): void;
+    /**
+     * Hàm mở ra hộp thoại chọn hình ảnh miễn phí
+     */
+    openImageFree(): void;
+    /**
+     * Hàm mở ra hộp thoại chỉnh sửa hình ảnh
+     */
+    openEditImage(): void;
+    /**
+     *Hàm update config vào database.
+      */
+    updateConfig(): void;
+    /**
+     * Hàm update object vào database.
+     */
+    updateFields(value: any): void;
+    /**
+     *Hàm update class vào database.
+      */
+    updateClass(): 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
+     */
+    openMap: {
+        [name: string]: boolean;
+    };
+    openMapSub: {
+        [name: string]: boolean;
+    };
+    openHandler(value: string, isSub?: boolean): void;
+    /** Áp dụng đổ bóng
+     *   * -> xử lí dữ liệu bóng -> css:  box-shadow: `x y blur color`
+     */
+    handleSetShadow(): void;
+    /** Xử lí đổ bóng
+     * -> xử lí dữ liệu bóng -> css:  object-position: `x y blur color`
+     */
+    handleSetPositionShadow(): 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;
+    /**
+     * remove link khi click vào nút x
+     */
+    removeLink(): void;
+    urlBackgroundImage: string;
+    /** Hàm thực hiện xử lí khi chuyển lựa chon background
+     *
+     * @param event
+     */
+    handleSetBackground(event: any): void;
+    /** Hàm thực hiện gán giá trị background-image khi có thay đổi
+     *
+     */
+    handleSetBackgroundImage(): void;
+    path: string;
+    /**
+     * Hàm xử lý lấy ảnh ở thư viện
+     */
+    openLibrary(): void;
+    /** Xử lí lưu vị trí ảnh
+     * -> xử lí dữ liệu bóng -> css:  object-position: `x y`
+     */
+    handleSetPositionImage(): void;
+    scale(): 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 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;
+    handleCancelConfirm(): void;
+    /**
+     * Lấy hình ảnh từ url đẩy lên server với kích thước hình thay đổi
+     * */
+    handleOkConfirm(): void;
+    changeUrl(): void;
+    updateClassAndConfig(): void;
+    /**
+     * Lấy ra tên file và đuôi file
+     * @param url Đường dẫn ảnh
+     * @example const { fileName, fileExtension } = getFileInfo("https://115.78.228.208:20350/autowebapp/67c1b593b1344364462b082b/images/design/objects/3-1-768x768%20(3).png");
+     */
+    getFileInfo(url: string): {
+        fullFileName: string;
+        fileName: string;
+        fileExtension: string;
+        folderPath: string;
+    };
+    /**
+     * Sao chép đường dẫn hình ảnh vào bộ nhớ tạm
+     */
+    copyLinkImg(text?: string): void;
+    /** Hàm kiểm tra có cần phải hiển thị nút cập nhật không */
+    private checkDesignImageSize;
+    /**
+     * Hàm update kích thước ảnh phù hợp cho từng kích thước thiết kế của từng thiết bị
+     */
+    updateDesignImageSize(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AtwNewFieldImageConfig, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AtwNewFieldImageConfig, "atw-newField-image-config", never, { "objectChoosing": "objectChoosing"; "type": "type"; "device": "device"; "class": "class"; "staticdata": "staticdata"; "config": "config"; "blocks_of_page": "blocks_of_page"; "visible_config_tool": "visible_config_tool"; }, {}, never, never>;
+}

package/lib/objects/product/customize-newField/config/customize-newField-config/newField-radio-button-config/newField-radio-button-config.component.d.ts

@@ -25,7 +25,7 @@ export declare class AtwNewFieldRadioButtonConfig implements OnInit {
     }[];
     constructor(vhQueryAutoWeb: VhQueryAutoWeb, http: HttpClient);
     ngOnInit(): void;
-    getNewFileds(): void;
+    getNewFields(): 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.
@@ -53,11 +53,8 @@ export declare class AtwNewFieldRadioButtonConfig implements OnInit {
     updateStaticData(): void;
     changeLookupGroup(event: any): void;
     onChangeFieldCustom(selectedValue: any): void;
-    /** Chọn kiểu units
-  * @param index : Xác định kiểu unit
-  * Ví dụ: kiểu 1 hoặc kiểu 2
-  */
-    chooseRadio(index: any): void;
+    onRadioChange(): void;
+    onRadioItemChange(): 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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vhobjects-config",
-  "version": "0.5.4",
+  "version": "0.5.6",
   "peerDependencies": {
     "@angular/common": "^12.2.0",
     "@angular/core": "^12.2.0"