@dignite-ng/expand.cms 3.2.2 → 3.2.3

package/fesm2022/dignite-ng-expand.cms.mjs

@@ -698,7 +698,7 @@ class EntriesComponent {
             for (const el of _entryTypeList) {
                 for (const el1 of el.fieldTabs) {
                     for (const el2 of el1.fields) {
-                        // el2.field = await this.getDynamicFormEntity(el2.fieldId);
+                        el2.entryTypeId = el.id;
                         if (el2.enableSearch && this.enableSearchTypeList.includes(el2.field.formControlName)) {
                             this.enableSearchFieldList.push({
                                 ...el2,
@@ -716,6 +716,7 @@ class EntriesComponent {
                 }
             }
         }
+        console.log(this.showinFieldList, 'showinFieldList', _entryTypeList);
     }
     async abpInitss() {
         await this.setfiltersValue();
@@ -819,19 +820,23 @@ class EntriesComponent {
         const setData = (list) => {
             this.data.items = [];
             this.data.totalCount = 0;
-            for (const element of list.items) {
-                const sectionItem = this.SiteOfSectionList.find(el => el.id == element.sectionId);
-                element.sectionType = sectionItem.type;
-            }
-            if (this.SiteOfSectionType == SectionType.Structure) {
-                this.copylistItem = list.items;
-                list.items = this.buildTree(list.items);
-            }
-            this.data = list;
-            if (this.shouldScrollToTop) {
-                this.scrollToTop();
-            }
-            this.shouldScrollToTop = true;
+            setTimeout(() => {
+                for (const element of list.items) {
+                    const sectionItem = this.SiteOfSectionList.find(el => el.id == element.sectionId);
+                    element.sectionType = sectionItem.type;
+                }
+                if (this.SiteOfSectionType == SectionType.Structure) {
+                    this.copylistItem = list.items;
+                    list.items = this.buildTree(list.items);
+                }
+                this.data = list;
+                this.cdRef.detectChanges();
+                console.log(this.data, 'this.data');
+                if (this.shouldScrollToTop) {
+                    this.scrollToTop();
+                }
+                this.shouldScrollToTop = true;
+            });
         };
         this.list.hookToQuery(getData).subscribe(setData);
     }
@@ -971,9 +976,7 @@ class EntriesComponent {
         this.updateLocalData(draggedItem, moveParams);
         this.clearDropState();
         // 调用后端API
-        this._EntryAdminService
-            .move(draggedItem.id, moveParams)
-            .subscribe(() => {
+        this._EntryAdminService.move(draggedItem.id, moveParams).subscribe(() => {
             this.toaster.success(this._LocalizationService.instant('AbpUi::SavedSuccessfully'));
             this.shouldScrollToTop = false;
             this.list.get();
@@ -1104,7 +1107,7 @@ class EntriesComponent {
                 provide: EXTENSIONS_IDENTIFIER,
                 useValue: ECmsComponent.Entries,
             },
-        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \">\r\n    </abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length === 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                    <button class=\"btn btn-sm btn-primary\"\r\n                        [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\r\n                        [routerLink]=\"['/cms/admin/entries/create']\"\r\n                        [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\"><i\r\n                            class=\"fa fa-plus me-2\"></i> {{'Cms::NewEntry'|abpLocalization}}</button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::NewEntry' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single&&isEntryTypeExist(item.id)\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card\">\r\n            <div class=\"card-body \">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-3  col-md-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.sectionId\"\r\n                            (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3 col-md-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.culture\" (change)=\"cultureChange()\">\r\n                            <ng-container *ngFor=\"let item of sectionLanguagesList\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3  col-md-6\">\r\n                        <!-- <div class=\"input-group\">\r\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\r\n                                [placeholder]=\"'Cms::PagerSearch'|abpLocalization\" />\r\n                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"listget()\">\r\n                                <i class=\"bi bi-search\"></i>\r\n                            </button>\r\n                        </div> -->\r\n                    </div>\r\n                </div>\r\n                @if(filters.culture&&enablegearchFormEntity&&enableSearchFieldList.length>0){\r\n                <div id=\"entries-advanced-form\" class=\"entries-advanced-form \" [hidden]=\"isexpanded\"\r\n                    (abpInit)=\"abpInitss()\">\r\n                    <form [formGroup]=\"enablegearchFormEntity\">\r\n                        <div class=\"row align-items-end\">\r\n                            <ng-container *ngFor=\"let el of enableSearchFieldList\">\r\n                                <ng-container *ngIf=\"el.field&&enablegearchFormEntity&&el.enableSearch\">\r\n                                    <div class=\"col-md-3\">\r\n                                        <df-dynamic-search [fields]=\"el\" [parentFiledName]=\"'extraProperties'\"\r\n                                            [culture]=\"filters.culture\"\r\n                                            [entity]=\"enablegearchFormEntity\"></df-dynamic-search>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <div class=\"col-md-3 mb-3 \">\r\n                                <button type=\"button\" class=\"btn btn-primary \" (click)=\"listget()\">\r\n                                    <span>{{ 'AbpUi::Refresh' | abpLocalization }}</span>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                @if(SiteOfSectionType!==SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\" [columnMode]=\"ColumnMode.force\"\r\n                        [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [virtualization]=\"false\"\r\n                        [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"sectionType\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ 'Cms::Enum:SectionType:'+SectionType[value] |\r\n                                        abpLocalization }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n\r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of _entryStatusOptions\">\r\n                                    <ng-container *ngIf=\"item.value=== value\">{{ 'Cms::Enum:EntryStatus:'+item.key |\r\n                                        abpLocalization }}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        @for (item of showinFieldList; track $index) {\r\n                        <ngx-datatable-column [name]=\"'Cms::'+item.displayName | abpLocalization\"\r\n                            [prop]=\"item?.field?.name\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <df-dynamic-view [type]=\"item.field.formControlName\" [showInList]=\"true\" [fields]=\"item\"\r\n                                    [value]=\"row?.extraProperties[item.field.name]\"></df-dynamic-view>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        }\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\"\r\n                            [width]=\"190\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | shortDateTime }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                            [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" *abpPermission=\"'CmsAdmin.Entry.Delete||CmsAdmin.Entry.Create||CmsAdmin.Entry.Update'\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Update'\"\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'Cms::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        @if\r\n                                        (((row|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                        {\r\n                                        <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Create'\" [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                            [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                            |\r\n                                            abpLocalization}} </button>\r\n                                        }\r\n                                        <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Delete'\" (click)=\"deletefield(row)\">{{'Cms::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n\r\n                    </ngx-datatable>\r\n                </div>\r\n                }\r\n\r\n                @if(SiteOfSectionType===SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <table class=\"table overflow-nowrap mb-0\" cdkDropList [cdkDropListSortingDisabled]=\"true\" (cdkDropListDropped)=\"drop($event)\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th class=\"sticky-left-card-bg\"> <span\r\n                                        class=\"bi bi-arrows-move fs-5 drag-handle me-2 opacity-0\"></span>{{'AbpUi::Actions'\r\n                                    | abpLocalization}}</th>\r\n                                <th>{{'Cms::Slug' | abpLocalization}}</th>\r\n                                <th>{{'Cms::ParentEntry' | abpLocalization}}</th>\r\n                                <!-- <th>{{'Cms::Title' | abpLocalization}}</th> -->\r\n                                <th>{{'Cms::SectionType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::EntryType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Status' | abpLocalization}}</th>\r\n                                @for (item of showinFieldList; track $index) {\r\n                                <th>{{'Cms::'+item.displayName | abpLocalization}}</th>\r\n                                }\r\n                                <th>{{'Cms::PublishTime' | abpLocalization}}</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <ng-container *ngFor=\"let item of data.items\">\r\n                                <ng-container *ngTemplateOutlet=\"treeRow; context: {item: item, level: 0}\"></ng-container>\r\n                            </ng-container>\r\n                        </tbody>\r\n                        \r\n                        <ng-template #treeRow let-item=\"item\" let-level=\"level\">\r\n                            <tr cdkDrag [cdkDragData]=\"{item: item, level: level}\"\r\n                                [class.drop-above]=\"dropPosition === 'above' && dropTargetId === item.id && !isInvalidDropTarget\"\r\n                                [class.drop-below]=\"dropPosition === 'below' && dropTargetId === item.id && !isInvalidDropTarget\"\r\n                                [class.drop-inside]=\"dropPosition === 'inside' && dropTargetId === item.id && !isInvalidDropTarget\"\r\n                                [class.drop-invalid]=\"dropTargetId === item.id && isInvalidDropTarget\"\r\n                                [style.cursor]=\"dropTargetId === item.id && isInvalidDropTarget ? 'not-allowed' : ''\"\r\n                                (cdkDragStarted)=\"onDragStarted($event)\"\r\n                                (cdkDragEnded)=\"onDragEnded($event)\"\r\n                                (cdkDragEntered)=\"onDragEntered($event, item)\"\r\n                                (mousemove)=\"onMouseMove($event, item)\">\r\n                                <td class=\"sticky-left-card-bg\">\r\n                                    <div ngbDropdown container=\"body\">\r\n                                        <span class=\"bi bi-arrows-move fs-5 drag-handle me-2\" cdkDragHandle></span>\r\n                                        <button type=\"button\" class=\"btn btn-primary btn-sm\" *abpPermission=\"'CmsAdmin.Entry.Delete||CmsAdmin.Entry.Create||CmsAdmin.Entry.Update'\" ngbDropdownToggle>\r\n                                            <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                        </button>\r\n                                        <div ngbDropdownMenu>\r\n                                            <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Update'\"\r\n                                                routerLink=\"/cms/admin/entries/{{item.id}}/edit\">{{'AbpUi::Edit' |\r\n                                                abpLocalization}}</button>\r\n                                            @if\r\n                                            (((item|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                            {\r\n                                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\" *abpPermission=\"'CmsAdmin.Entry.Create'\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.entryTypeId,entryVersionId:item.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}}</button>\r\n                                            }\r\n                                            <!-- <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}} </button> -->\r\n\r\n                                            <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Delete'\" (click)=\"deletefield(item)\">{{'AbpUi::Delete' |\r\n                                                abpLocalization}}</button>\r\n                                        </div>\r\n                                    </div>\r\n                                </td>\r\n                                <td class=\"white-space-normal\" (mousemove)=\"onMouseMove($event, item)\">\r\n                                    <span [style.padding-left.px]=\"level * 20\">{{item.slug}}</span>\r\n                                </td>\r\n                                <td class=\"white-space-normal\">{{(item.parentId|getSlugById:copylistItem)||'---'}}</td>\r\n                                <td>\r\n                                    {{ 'Cms::Enum:SectionType:'+SectionType[item.sectionType] |\r\n                                    abpLocalization }}\r\n                                </td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item1 of entryTypeList\">\r\n                                        <ng-container\r\n                                            *ngIf=\"item1.id === item.entryTypeId\">{{item1.displayName}}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item2 of _entryStatusOptions\">\r\n                                        <ng-container *ngIf=\"item.status=== item2.value\">{{\r\n                                            'Cms::Enum:EntryStatus:'+item2.key |\r\n                                            abpLocalization }}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                @for (item1 of showinFieldList; track $index) {\r\n                                <td>\r\n                                    <df-dynamic-view [type]=\"item1.field.formControlName\" [showInList]=\"true\"\r\n                                        [fields]=\"item1\"\r\n                                        [value]=\"item?.extraProperties[item1.field.name]\"></df-dynamic-view>\r\n\r\n                                </td>\r\n                                }\r\n                                <td>{{item.publishTime | shortDateTime }}</td>\r\n                            </tr>\r\n                            <ng-container *ngIf=\"item.children && item.children.length > 0\">\r\n                                <ng-container *ngFor=\"let child of item.children\">\r\n                                    <ng-container *ngTemplateOutlet=\"treeRow; context: {item: child, level: level + 1}\"></ng-container>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-template>\r\n                        @if(data.items.length === 0){\r\n                        <div class=\"text-muted p-2\">\r\n                            {{ 'Cms::NoDataAvailableInDatatable' | abpLocalization}}\r\n                        </div>\r\n                        }\r\n                    </table>\r\n                </div>\r\n                <div class=\"card-footer py-2\">\r\n                    <small class=\"text-muted\"> {{data.totalCount}} {{ 'Cms::Total' | abpLocalization}}</small>\r\n                </div>\r\n                }\r\n\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}.white-space-normal{white-space:normal;min-width:150px}.overflow-nowrap{overflow:auto;white-space:nowrap}::ng-deep .sites-page .table th{padding-left:1rem!important;padding-right:1rem!important}::ng-deep .sites-page .table td{padding:.875rem 1rem!important}::ng-deep .sites-page .table .sticky-left-card-bg{position:sticky;left:0;background:var(--bs-card-bg)}::ng-deep .sites-page .table .drag-handle{cursor:move;cursor:grab}::ng-deep .sites-page .table .drag-handle:active{cursor:grabbing}::ng-deep .sites-page .entries-advanced-form{transition:all .3s linear}.drop-above{border-top:3px solid #28a745!important}.drop-below{border-bottom:3px solid #28a745!important}.drop-inside{background-color:#28a7451a!important}.drop-invalid{background-color:#dc35451a!important}tr[cdkDrag] td{vertical-align:middle}.drag-handle{cursor:move;cursor:grab}.drag-handle:active{cursor:grabbing}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i1.PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission", "abpPermissionRunChangeDetection"] }, { kind: "component", type: i11.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i11.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i11.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i11$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: i14.PageToolbarContainerComponent, selector: "abp-page-toolbar-container" }, { kind: "component", type: i6$2.DynamicViewComponent, selector: "df-dynamic-view", inputs: ["showInList", "fields", "type", "value"] }, { kind: "component", type: i6$2.DynamicSearchComponent, selector: "df-dynamic-search", inputs: ["culture", "parentFiledName", "fields", "entity"] }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }, { kind: "pipe", type: i1.ShortDateTimePipe, name: "shortDateTime" }, { kind: "pipe", type: GetLocalizedEntriesBySlugPipe, name: "getLocalizedEntriesBySlug" }, { kind: "pipe", type: GetSlugByIdPipe, name: "getSlugById" }] }); }
+        ], ngImport: i0, template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \">\r\n    </abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length === 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                    <button class=\"btn btn-sm btn-primary\"\r\n                        [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\r\n                        [routerLink]=\"['/cms/admin/entries/create']\"\r\n                        [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\"><i\r\n                            class=\"fa fa-plus me-2\"></i> {{'Cms::NewEntry'|abpLocalization}}</button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::NewEntry' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single&&isEntryTypeExist(item.id)\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card\">\r\n            <div class=\"card-body \">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-3  col-md-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.sectionId\"\r\n                            (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3 col-md-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.culture\" (change)=\"cultureChange()\">\r\n                            <ng-container *ngFor=\"let item of sectionLanguagesList\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3  col-md-6\">\r\n                        <!-- <div class=\"input-group\">\r\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\r\n                                [placeholder]=\"'Cms::PagerSearch'|abpLocalization\" />\r\n                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"listget()\">\r\n                                <i class=\"bi bi-search\"></i>\r\n                            </button>\r\n                        </div> -->\r\n                    </div>\r\n                </div>\r\n                @if(filters.culture&&enablegearchFormEntity&&enableSearchFieldList.length>0){\r\n                <div id=\"entries-advanced-form\" class=\"entries-advanced-form \" [hidden]=\"isexpanded\"\r\n                    (abpInit)=\"abpInitss()\">\r\n                    <form [formGroup]=\"enablegearchFormEntity\">\r\n                        <div class=\"row align-items-end\">\r\n                            <ng-container *ngFor=\"let el of enableSearchFieldList\">\r\n                                <ng-container *ngIf=\"el.field&&enablegearchFormEntity&&el.enableSearch\">\r\n                                    <div class=\"col-md-3\">\r\n                                        <df-dynamic-search [fields]=\"el\" [parentFiledName]=\"'extraProperties'\"\r\n                                            [culture]=\"filters.culture\"\r\n                                            [entity]=\"enablegearchFormEntity\"></df-dynamic-search>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <div class=\"col-md-3 mb-3 \">\r\n                                <button type=\"button\" class=\"btn btn-primary \" (click)=\"listget()\">\r\n                                    <span>{{ 'AbpUi::Refresh' | abpLocalization }}</span>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                @if(SiteOfSectionType!==SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\" [columnMode]=\"ColumnMode.force\"\r\n                        [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [virtualization]=\"false\"\r\n                        [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\" >\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"sectionType\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ 'Cms::Enum:SectionType:'+SectionType[value] |\r\n                                        abpLocalization }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n\r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of _entryStatusOptions\">\r\n                                    <ng-container *ngIf=\"item.value=== value\">{{ 'Cms::Enum:EntryStatus:'+item.key |\r\n                                        abpLocalization }}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        @for (item of showinFieldList; track $index) {\r\n                        <ngx-datatable-column [name]=\"'Cms::'+item.displayName | abpLocalization\"\r\n                            [prop]=\"item?.field?.name\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <df-dynamic-view [type]=\"item.field.formControlName\" [showInList]=\"true\" [fields]=\"item\"\r\n                                    [value]=\"item.entryTypeId===row.entryTypeId?(row?.extraProperties[item.field.name]?row?.extraProperties[item.field.name]:'---'):'---'\"></df-dynamic-view>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        }\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\"\r\n                            [width]=\"190\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | shortDateTime }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                            [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\"\r\n                                        *abpPermission=\"'CmsAdmin.Entry.Delete||CmsAdmin.Entry.Create||CmsAdmin.Entry.Update'\"\r\n                                        class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Update'\"\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'Cms::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        @if\r\n                                        (((row|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                        {\r\n                                        <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Create'\"\r\n                                            [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                            [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                            |\r\n                                            abpLocalization}} </button>\r\n                                        }\r\n                                        <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Delete'\"\r\n                                            (click)=\"deletefield(row)\">{{'Cms::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n\r\n                    </ngx-datatable>\r\n                </div>\r\n                }\r\n\r\n                @if(SiteOfSectionType===SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <table class=\"table overflow-nowrap mb-0\" cdkDropList [cdkDropListSortingDisabled]=\"true\"\r\n                        (cdkDropListDropped)=\"drop($event)\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th class=\"sticky-left-card-bg\"> <span\r\n                                        class=\"bi bi-arrows-move fs-5 drag-handle me-2 opacity-0\"></span>{{'AbpUi::Actions'\r\n                                    | abpLocalization}}</th>\r\n                                <th>{{'Cms::Slug' | abpLocalization}}</th>\r\n                                <th>{{'Cms::ParentEntry' | abpLocalization}}</th>\r\n                                <!-- <th>{{'Cms::Title' | abpLocalization}}</th> -->\r\n                                <th>{{'Cms::SectionType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::EntryType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Status' | abpLocalization}}</th>\r\n                                @for (item of showinFieldList; track $index) {\r\n                                <th>{{'Cms::'+item.displayName | abpLocalization}}</th>\r\n                                }\r\n                                <th>{{'Cms::PublishTime' | abpLocalization}}</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <ng-container *ngFor=\"let item of data.items\">\r\n                                <ng-container\r\n                                    *ngTemplateOutlet=\"treeRow; context: {item: item, level: 0}\"></ng-container>\r\n                            </ng-container>\r\n                        </tbody>\r\n\r\n                        <ng-template #treeRow let-item=\"item\" let-level=\"level\">\r\n                            <tr cdkDrag [cdkDragData]=\"{item: item, level: level}\"\r\n                                [class.drop-above]=\"dropPosition === 'above' && dropTargetId === item.id && !isInvalidDropTarget\"\r\n                                [class.drop-below]=\"dropPosition === 'below' && dropTargetId === item.id && !isInvalidDropTarget\"\r\n                                [class.drop-inside]=\"dropPosition === 'inside' && dropTargetId === item.id && !isInvalidDropTarget\"\r\n                                [class.drop-invalid]=\"dropTargetId === item.id && isInvalidDropTarget\"\r\n                                [style.cursor]=\"dropTargetId === item.id && isInvalidDropTarget ? 'not-allowed' : ''\"\r\n                                (cdkDragStarted)=\"onDragStarted($event)\" (cdkDragEnded)=\"onDragEnded($event)\"\r\n                                (cdkDragEntered)=\"onDragEntered($event, item)\" (mousemove)=\"onMouseMove($event, item)\">\r\n                                <td class=\"sticky-left-card-bg\">\r\n                                    <div ngbDropdown container=\"body\">\r\n                                        <span class=\"bi bi-arrows-move fs-5 drag-handle me-2\" cdkDragHandle></span>\r\n                                        <button type=\"button\" class=\"btn btn-primary btn-sm\"\r\n                                            *abpPermission=\"'CmsAdmin.Entry.Delete||CmsAdmin.Entry.Create||CmsAdmin.Entry.Update'\"\r\n                                            ngbDropdownToggle>\r\n                                            <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                        </button>\r\n                                        <div ngbDropdownMenu>\r\n                                            <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Update'\"\r\n                                                routerLink=\"/cms/admin/entries/{{item.id}}/edit\">{{'AbpUi::Edit' |\r\n                                                abpLocalization}}</button>\r\n                                            @if\r\n                                            (((item|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                            {\r\n                                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                *abpPermission=\"'CmsAdmin.Entry.Create'\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.entryTypeId,entryVersionId:item.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}}</button>\r\n                                            }\r\n                                            <!-- <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}} </button> -->\r\n\r\n                                            <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Delete'\"\r\n                                                (click)=\"deletefield(item)\">{{'AbpUi::Delete' |\r\n                                                abpLocalization}}</button>\r\n                                        </div>\r\n                                    </div>\r\n                                </td>\r\n                                <td class=\"white-space-normal\" (mousemove)=\"onMouseMove($event, item)\">\r\n                                    <span [style.padding-left.px]=\"level * 20\">{{item.slug}}</span>\r\n                                </td>\r\n                                <td class=\"white-space-normal\">{{(item.parentId|getSlugById:copylistItem)||'---'}}</td>\r\n                                <td>\r\n                                    {{ 'Cms::Enum:SectionType:'+SectionType[item.sectionType] |\r\n                                    abpLocalization }}\r\n                                </td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item1 of entryTypeList\">\r\n                                        <ng-container\r\n                                            *ngIf=\"item1.id === item.entryTypeId\">{{item1.displayName}}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item2 of _entryStatusOptions\">\r\n                                        <ng-container *ngIf=\"item.status=== item2.value\">{{\r\n                                            'Cms::Enum:EntryStatus:'+item2.key |\r\n                                            abpLocalization }}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                @for (item1 of showinFieldList; track $index) {\r\n                                <td>\r\n                                    <df-dynamic-view [type]=\"item1.field.formControlName\" [showInList]=\"true\"\r\n                                        [fields]=\"item1\"\r\n                                        [value]=\"item.entryTypeId===item1.entryTypeId?(item?.extraProperties[item1.field.name]?item?.extraProperties[item1.field.name]:'---'):'---'\"></df-dynamic-view>\r\n                                </td>\r\n                                }\r\n                                <td>{{item.publishTime | shortDateTime }}</td>\r\n                            </tr>\r\n                            <ng-container *ngIf=\"item.children && item.children.length > 0\">\r\n                                <ng-container *ngFor=\"let child of item.children\">\r\n                                    <ng-container\r\n                                        *ngTemplateOutlet=\"treeRow; context: {item: child, level: level + 1}\"></ng-container>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-template>\r\n                        @if(data.items.length === 0){\r\n                        <div class=\"text-muted p-2\">\r\n                            {{ 'Cms::NoDataAvailableInDatatable' | abpLocalization}}\r\n                        </div>\r\n                        }\r\n                    </table>\r\n                </div>\r\n                <div class=\"card-footer py-2\">\r\n                    <small class=\"text-muted\"> {{data.totalCount}} {{ 'Cms::Total' | abpLocalization}}</small>\r\n                </div>\r\n                }\r\n\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}.white-space-normal{white-space:normal;min-width:150px}.overflow-nowrap{overflow:auto;white-space:nowrap}::ng-deep .sites-page .table th{padding-left:1rem!important;padding-right:1rem!important}::ng-deep .sites-page .table td{padding:.875rem 1rem!important}::ng-deep .sites-page .table .sticky-left-card-bg{position:sticky;left:0;background:var(--bs-card-bg)}::ng-deep .sites-page .table .drag-handle{cursor:move;cursor:grab}::ng-deep .sites-page .table .drag-handle:active{cursor:grabbing}::ng-deep .sites-page .entries-advanced-form{transition:all .3s linear}.drop-above{border-top:3px solid #28a745!important}.drop-below{border-bottom:3px solid #28a745!important}.drop-inside{background-color:#28a7451a!important}.drop-invalid{background-color:#dc35451a!important}tr[cdkDrag] td{vertical-align:middle}.drag-handle{cursor:move;cursor:grab}.drag-handle:active{cursor:grabbing}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i1.InitDirective, selector: "[abpInit]", outputs: ["abpInit"] }, { kind: "directive", type: i1.PermissionDirective, selector: "[abpPermission]", inputs: ["abpPermission", "abpPermissionRunChangeDetection"] }, { kind: "component", type: i11.DatatableComponent, selector: "ngx-datatable", inputs: ["targetMarkerTemplate", "rows", "groupRowsBy", "groupedRows", "columns", "selected", "scrollbarV", "scrollbarH", "rowHeight", "columnMode", "headerHeight", "footerHeight", "externalPaging", "externalSorting", "limit", "count", "offset", "loadingIndicator", "selectionType", "reorderable", "swapColumns", "sortType", "sorts", "cssClasses", "messages", "rowClass", "selectCheck", "displayCheck", "groupExpansionDefault", "trackByProp", "selectAllRowsOnPage", "virtualization", "treeFromRelation", "treeToRelation", "summaryRow", "summaryHeight", "summaryPosition", "rowIdentity"], outputs: ["scroll", "activate", "select", "sort", "page", "reorder", "resize", "tableContextmenu", "treeAction"] }, { kind: "directive", type: i11.DataTableColumnDirective, selector: "ngx-datatable-column", inputs: ["name", "prop", "frozenLeft", "frozenRight", "flexGrow", "resizeable", "comparator", "pipe", "sortable", "draggable", "canAutoResize", "minWidth", "width", "maxWidth", "checkboxable", "headerCheckboxable", "headerClass", "cellClass", "isTreeColumn", "treeLevelIndent", "summaryFunc", "summaryTemplate", "cellTemplate", "headerTemplate", "treeToggleTemplate"] }, { kind: "directive", type: i11.DataTableColumnCellDirective, selector: "[ngx-datatable-cell-template]" }, { kind: "directive", type: i6$1.ValidationGroupDirective, selector: "[formGroup],[formGroupName]", exportAs: ["validationGroup"] }, { kind: "directive", type: i3.NgxDatatableListDirective, selector: "ngx-datatable[list]", inputs: ["list"], exportAs: ["ngxDatatableList"] }, { kind: "directive", type: i11$1.NgbDropdown, selector: "[ngbDropdown]", inputs: ["autoClose", "dropdownClass", "open", "placement", "popperOptions", "container", "display"], outputs: ["openChange"], exportAs: ["ngbDropdown"] }, { kind: "directive", type: i11$1.NgbDropdownToggle, selector: "[ngbDropdownToggle]" }, { kind: "directive", type: i11$1.NgbDropdownMenu, selector: "[ngbDropdownMenu]" }, { kind: "directive", type: i11$1.NgbDropdownItem, selector: "[ngbDropdownItem]", inputs: ["tabindex", "disabled"] }, { kind: "directive", type: i11$1.NgbDropdownButtonItem, selector: "button[ngbDropdownItem]" }, { kind: "component", type: i14.PageComponent, selector: "abp-page", inputs: ["title", "toolbar", "breadcrumb"] }, { kind: "component", type: i14.PageToolbarContainerComponent, selector: "abp-page-toolbar-container" }, { kind: "component", type: i6$2.DynamicViewComponent, selector: "df-dynamic-view", inputs: ["showInList", "fields", "type", "value"] }, { kind: "component", type: i6$2.DynamicSearchComponent, selector: "df-dynamic-search", inputs: ["culture", "parentFiledName", "fields", "entity"] }, { kind: "directive", type: i7.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i7.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i7.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1.LocalizationPipe, name: "abpLocalization" }, { kind: "pipe", type: i1.ShortDateTimePipe, name: "shortDateTime" }, { kind: "pipe", type: GetLocalizedEntriesBySlugPipe, name: "getLocalizedEntriesBySlug" }, { kind: "pipe", type: GetSlugByIdPipe, name: "getSlugById" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImport: i0, type: EntriesComponent, decorators: [{
             type: Component,
@@ -1117,7 +1120,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.5", ngImpor
                             provide: EXTENSIONS_IDENTIFIER,
                             useValue: ECmsComponent.Entries,
                         },
-                    ], template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \">\r\n    </abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length === 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                    <button class=\"btn btn-sm btn-primary\"\r\n                        [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\r\n                        [routerLink]=\"['/cms/admin/entries/create']\"\r\n                        [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\"><i\r\n                            class=\"fa fa-plus me-2\"></i> {{'Cms::NewEntry'|abpLocalization}}</button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::NewEntry' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single&&isEntryTypeExist(item.id)\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card\">\r\n            <div class=\"card-body \">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-3  col-md-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.sectionId\"\r\n                            (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3 col-md-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.culture\" (change)=\"cultureChange()\">\r\n                            <ng-container *ngFor=\"let item of sectionLanguagesList\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3  col-md-6\">\r\n                        <!-- <div class=\"input-group\">\r\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\r\n                                [placeholder]=\"'Cms::PagerSearch'|abpLocalization\" />\r\n                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"listget()\">\r\n                                <i class=\"bi bi-search\"></i>\r\n                            </button>\r\n                        </div> -->\r\n                    </div>\r\n                </div>\r\n                @if(filters.culture&&enablegearchFormEntity&&enableSearchFieldList.length>0){\r\n                <div id=\"entries-advanced-form\" class=\"entries-advanced-form \" [hidden]=\"isexpanded\"\r\n                    (abpInit)=\"abpInitss()\">\r\n                    <form [formGroup]=\"enablegearchFormEntity\">\r\n                        <div class=\"row align-items-end\">\r\n                            <ng-container *ngFor=\"let el of enableSearchFieldList\">\r\n                                <ng-container *ngIf=\"el.field&&enablegearchFormEntity&&el.enableSearch\">\r\n                                    <div class=\"col-md-3\">\r\n                                        <df-dynamic-search [fields]=\"el\" [parentFiledName]=\"'extraProperties'\"\r\n                                            [culture]=\"filters.culture\"\r\n                                            [entity]=\"enablegearchFormEntity\"></df-dynamic-search>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <div class=\"col-md-3 mb-3 \">\r\n                                <button type=\"button\" class=\"btn btn-primary \" (click)=\"listget()\">\r\n                                    <span>{{ 'AbpUi::Refresh' | abpLocalization }}</span>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                @if(SiteOfSectionType!==SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\" [columnMode]=\"ColumnMode.force\"\r\n                        [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [virtualization]=\"false\"\r\n                        [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\">\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"sectionType\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ 'Cms::Enum:SectionType:'+SectionType[value] |\r\n                                        abpLocalization }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n\r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of _entryStatusOptions\">\r\n                                    <ng-container *ngIf=\"item.value=== value\">{{ 'Cms::Enum:EntryStatus:'+item.key |\r\n                                        abpLocalization }}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        @for (item of showinFieldList; track $index) {\r\n                        <ngx-datatable-column [name]=\"'Cms::'+item.displayName | abpLocalization\"\r\n                            [prop]=\"item?.field?.name\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <df-dynamic-view [type]=\"item.field.formControlName\" [showInList]=\"true\" [fields]=\"item\"\r\n                                    [value]=\"row?.extraProperties[item.field.name]\"></df-dynamic-view>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        }\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\"\r\n                            [width]=\"190\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | shortDateTime }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                            [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\" *abpPermission=\"'CmsAdmin.Entry.Delete||CmsAdmin.Entry.Create||CmsAdmin.Entry.Update'\" class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Update'\"\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'Cms::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        @if\r\n                                        (((row|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                        {\r\n                                        <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Create'\" [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                            [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                            |\r\n                                            abpLocalization}} </button>\r\n                                        }\r\n                                        <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Delete'\" (click)=\"deletefield(row)\">{{'Cms::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n\r\n                    </ngx-datatable>\r\n                </div>\r\n                }\r\n\r\n                @if(SiteOfSectionType===SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <table class=\"table overflow-nowrap mb-0\" cdkDropList [cdkDropListSortingDisabled]=\"true\" (cdkDropListDropped)=\"drop($event)\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th class=\"sticky-left-card-bg\"> <span\r\n                                        class=\"bi bi-arrows-move fs-5 drag-handle me-2 opacity-0\"></span>{{'AbpUi::Actions'\r\n                                    | abpLocalization}}</th>\r\n                                <th>{{'Cms::Slug' | abpLocalization}}</th>\r\n                                <th>{{'Cms::ParentEntry' | abpLocalization}}</th>\r\n                                <!-- <th>{{'Cms::Title' | abpLocalization}}</th> -->\r\n                                <th>{{'Cms::SectionType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::EntryType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Status' | abpLocalization}}</th>\r\n                                @for (item of showinFieldList; track $index) {\r\n                                <th>{{'Cms::'+item.displayName | abpLocalization}}</th>\r\n                                }\r\n                                <th>{{'Cms::PublishTime' | abpLocalization}}</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <ng-container *ngFor=\"let item of data.items\">\r\n                                <ng-container *ngTemplateOutlet=\"treeRow; context: {item: item, level: 0}\"></ng-container>\r\n                            </ng-container>\r\n                        </tbody>\r\n                        \r\n                        <ng-template #treeRow let-item=\"item\" let-level=\"level\">\r\n                            <tr cdkDrag [cdkDragData]=\"{item: item, level: level}\"\r\n                                [class.drop-above]=\"dropPosition === 'above' && dropTargetId === item.id && !isInvalidDropTarget\"\r\n                                [class.drop-below]=\"dropPosition === 'below' && dropTargetId === item.id && !isInvalidDropTarget\"\r\n                                [class.drop-inside]=\"dropPosition === 'inside' && dropTargetId === item.id && !isInvalidDropTarget\"\r\n                                [class.drop-invalid]=\"dropTargetId === item.id && isInvalidDropTarget\"\r\n                                [style.cursor]=\"dropTargetId === item.id && isInvalidDropTarget ? 'not-allowed' : ''\"\r\n                                (cdkDragStarted)=\"onDragStarted($event)\"\r\n                                (cdkDragEnded)=\"onDragEnded($event)\"\r\n                                (cdkDragEntered)=\"onDragEntered($event, item)\"\r\n                                (mousemove)=\"onMouseMove($event, item)\">\r\n                                <td class=\"sticky-left-card-bg\">\r\n                                    <div ngbDropdown container=\"body\">\r\n                                        <span class=\"bi bi-arrows-move fs-5 drag-handle me-2\" cdkDragHandle></span>\r\n                                        <button type=\"button\" class=\"btn btn-primary btn-sm\" *abpPermission=\"'CmsAdmin.Entry.Delete||CmsAdmin.Entry.Create||CmsAdmin.Entry.Update'\" ngbDropdownToggle>\r\n                                            <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                        </button>\r\n                                        <div ngbDropdownMenu>\r\n                                            <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Update'\"\r\n                                                routerLink=\"/cms/admin/entries/{{item.id}}/edit\">{{'AbpUi::Edit' |\r\n                                                abpLocalization}}</button>\r\n                                            @if\r\n                                            (((item|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                            {\r\n                                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\" *abpPermission=\"'CmsAdmin.Entry.Create'\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.entryTypeId,entryVersionId:item.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}}</button>\r\n                                            }\r\n                                            <!-- <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}} </button> -->\r\n\r\n                                            <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Delete'\" (click)=\"deletefield(item)\">{{'AbpUi::Delete' |\r\n                                                abpLocalization}}</button>\r\n                                        </div>\r\n                                    </div>\r\n                                </td>\r\n                                <td class=\"white-space-normal\" (mousemove)=\"onMouseMove($event, item)\">\r\n                                    <span [style.padding-left.px]=\"level * 20\">{{item.slug}}</span>\r\n                                </td>\r\n                                <td class=\"white-space-normal\">{{(item.parentId|getSlugById:copylistItem)||'---'}}</td>\r\n                                <td>\r\n                                    {{ 'Cms::Enum:SectionType:'+SectionType[item.sectionType] |\r\n                                    abpLocalization }}\r\n                                </td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item1 of entryTypeList\">\r\n                                        <ng-container\r\n                                            *ngIf=\"item1.id === item.entryTypeId\">{{item1.displayName}}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item2 of _entryStatusOptions\">\r\n                                        <ng-container *ngIf=\"item.status=== item2.value\">{{\r\n                                            'Cms::Enum:EntryStatus:'+item2.key |\r\n                                            abpLocalization }}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                @for (item1 of showinFieldList; track $index) {\r\n                                <td>\r\n                                    <df-dynamic-view [type]=\"item1.field.formControlName\" [showInList]=\"true\"\r\n                                        [fields]=\"item1\"\r\n                                        [value]=\"item?.extraProperties[item1.field.name]\"></df-dynamic-view>\r\n\r\n                                </td>\r\n                                }\r\n                                <td>{{item.publishTime | shortDateTime }}</td>\r\n                            </tr>\r\n                            <ng-container *ngIf=\"item.children && item.children.length > 0\">\r\n                                <ng-container *ngFor=\"let child of item.children\">\r\n                                    <ng-container *ngTemplateOutlet=\"treeRow; context: {item: child, level: level + 1}\"></ng-container>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-template>\r\n                        @if(data.items.length === 0){\r\n                        <div class=\"text-muted p-2\">\r\n                            {{ 'Cms::NoDataAvailableInDatatable' | abpLocalization}}\r\n                        </div>\r\n                        }\r\n                    </table>\r\n                </div>\r\n                <div class=\"card-footer py-2\">\r\n                    <small class=\"text-muted\"> {{data.totalCount}} {{ 'Cms::Total' | abpLocalization}}</small>\r\n                </div>\r\n                }\r\n\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}.white-space-normal{white-space:normal;min-width:150px}.overflow-nowrap{overflow:auto;white-space:nowrap}::ng-deep .sites-page .table th{padding-left:1rem!important;padding-right:1rem!important}::ng-deep .sites-page .table td{padding:.875rem 1rem!important}::ng-deep .sites-page .table .sticky-left-card-bg{position:sticky;left:0;background:var(--bs-card-bg)}::ng-deep .sites-page .table .drag-handle{cursor:move;cursor:grab}::ng-deep .sites-page .table .drag-handle:active{cursor:grabbing}::ng-deep .sites-page .entries-advanced-form{transition:all .3s linear}.drop-above{border-top:3px solid #28a745!important}.drop-below{border-bottom:3px solid #28a745!important}.drop-inside{background-color:#28a7451a!important}.drop-invalid{background-color:#dc35451a!important}tr[cdkDrag] td{vertical-align:middle}.drag-handle{cursor:move;cursor:grab}.drag-handle:active{cursor:grabbing}\n"] }]
+                    ], template: "<abp-page [title]=\"'Cms::Entries' | abpLocalization\" [toolbar]=\"true\">\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length < 1\" class=\"col \">\r\n    </abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length === 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                    <button class=\"btn btn-sm btn-primary\"\r\n                        [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single\"\r\n                        [routerLink]=\"['/cms/admin/entries/create']\"\r\n                        [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\"><i\r\n                            class=\"fa fa-plus me-2\"></i> {{'Cms::NewEntry'|abpLocalization}}</button>\r\n                </ng-container>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <abp-page-toolbar-container *ngIf=\"entryTypeList.length > 1\" class=\"col \">\r\n        <div class=\"row justify-content-end mx-0 gap-2\" *abpPermission=\"'CmsAdmin.Entry.Create'\">\r\n            <div class=\"col-auto px-0 pt-0\">\r\n                <div ngbDropdown class=\"d-inline-block\">\r\n                    <button type=\"button\" class=\"btn btn-primary btn-sm ms-2\" id=\"dropdownBasic1\" ngbDropdownToggle>\r\n                        <i class=\"fa fa-plus pe-1\" aria-hidden=\"true\"></i>{{'Cms::NewEntry' | abpLocalization}}\r\n                    </button>\r\n                    <div ngbDropdownMenu aria-labelledby=\"dropdownBasic1\">\r\n                        <ng-container *ngFor=\"let item of entryTypeList\">\r\n                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                [disabled]=\"data.totalCount===1&&SiteOfSectionType===SectionType.Single&&isEntryTypeExist(item.id)\"\r\n                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.id}\">{{item.displayName}}</button>\r\n                        </ng-container>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </abp-page-toolbar-container>\r\n    <div id=\"sites-page\" class=\"sites-page\">\r\n        <div class=\"card\">\r\n            <div class=\"card-body \">\r\n                <div class=\"row align-items-end\">\r\n                    <div class=\"mb-3  col-md-3\">\r\n                        <label class=\"form-label\">{{'Cms::Sections' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.sectionId\"\r\n                            (change)=\"sectionIdChange()\">\r\n                            <ng-container *ngFor=\"let item of SiteOfSectionList\">\r\n                                <option [value]=\"item.id\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3 col-md-3\">\r\n                        <label class=\"form-label\">{{'AbpUi::Languages' | abpLocalization}}\uFF1A</label>\r\n                        <select class=\"form-select col-auto\" [(ngModel)]=\"filters.culture\" (change)=\"cultureChange()\">\r\n                            <ng-container *ngFor=\"let item of sectionLanguagesList\">\r\n                                <option [value]=\"item.cultureName\">{{item.displayName}}</option>\r\n                            </ng-container>\r\n                        </select>\r\n                    </div>\r\n                    <div class=\"mb-3  col-md-6\">\r\n                        <!-- <div class=\"input-group\">\r\n                            <input type=\"text\" class=\"form-control\" [(ngModel)]=\"filters.filter\"\r\n                                [placeholder]=\"'Cms::PagerSearch'|abpLocalization\" />\r\n                            <button type=\"button\" class=\"btn btn-primary\" (click)=\"listget()\">\r\n                                <i class=\"bi bi-search\"></i>\r\n                            </button>\r\n                        </div> -->\r\n                    </div>\r\n                </div>\r\n                @if(filters.culture&&enablegearchFormEntity&&enableSearchFieldList.length>0){\r\n                <div id=\"entries-advanced-form\" class=\"entries-advanced-form \" [hidden]=\"isexpanded\"\r\n                    (abpInit)=\"abpInitss()\">\r\n                    <form [formGroup]=\"enablegearchFormEntity\">\r\n                        <div class=\"row align-items-end\">\r\n                            <ng-container *ngFor=\"let el of enableSearchFieldList\">\r\n                                <ng-container *ngIf=\"el.field&&enablegearchFormEntity&&el.enableSearch\">\r\n                                    <div class=\"col-md-3\">\r\n                                        <df-dynamic-search [fields]=\"el\" [parentFiledName]=\"'extraProperties'\"\r\n                                            [culture]=\"filters.culture\"\r\n                                            [entity]=\"enablegearchFormEntity\"></df-dynamic-search>\r\n                                    </div>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                            <div class=\"col-md-3 mb-3 \">\r\n                                <button type=\"button\" class=\"btn btn-primary \" (click)=\"listget()\">\r\n                                    <span>{{ 'AbpUi::Refresh' | abpLocalization }}</span>\r\n                                </button>\r\n                            </div>\r\n                        </div>\r\n                    </form>\r\n                </div>\r\n                }\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n        <div class=\"card mb-0\">\r\n            <div class=\"card-body p-0\">\r\n                @if(SiteOfSectionType!==SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <ngx-datatable class=\"material \" [rows]=\"data.items\" [list]=\"list\" [columnMode]=\"ColumnMode.force\"\r\n                        [headerHeight]=\"50\" [footerHeight]=\"50\" rowHeight=\"auto\" [virtualization]=\"false\"\r\n                        [externalPaging]=\"true\" [count]=\"data.totalCount\" [scrollbarH]=\"true\" >\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::Title' | abpLocalization\" prop=\"title\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n                        <ngx-datatable-column [name]=\"'Cms::Slug' | abpLocalization\" prop=\"slug\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ value }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::SectionType' | abpLocalization\" prop=\"sectionType\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{ 'Cms::Enum:SectionType:'+SectionType[value] |\r\n                                        abpLocalization }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n                        <!-- <ngx-datatable-column [name]=\"'Cms::EntryType' | abpLocalization\" prop=\"entryTypeId\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of entryTypeList\">\r\n                                    <ng-container *ngIf=\"item.id === value\">{{item.displayName}}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column> -->\r\n\r\n                        <ngx-datatable-column [name]=\"'Cms::Status' | abpLocalization\" prop=\"status\" [width]=\"80\"\r\n                            [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <ng-container *ngFor=\"let item of _entryStatusOptions\">\r\n                                    <ng-container *ngIf=\"item.value=== value\">{{ 'Cms::Enum:EntryStatus:'+item.key |\r\n                                        abpLocalization }}</ng-container>\r\n                                </ng-container>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        @for (item of showinFieldList; track $index) {\r\n                        <ngx-datatable-column [name]=\"'Cms::'+item.displayName | abpLocalization\"\r\n                            [prop]=\"item?.field?.name\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <df-dynamic-view [type]=\"item.field.formControlName\" [showInList]=\"true\" [fields]=\"item\"\r\n                                    [value]=\"item.entryTypeId===row.entryTypeId?(row?.extraProperties[item.field.name]?row?.extraProperties[item.field.name]:'---'):'---'\"></df-dynamic-view>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        }\r\n                        <ngx-datatable-column [name]=\"'Cms::PublishTime' | abpLocalization\" prop=\"publishTime\"\r\n                            [width]=\"190\" [sortable]=\"false\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                {{value | shortDateTime }}\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n                        <ngx-datatable-column [sortable]=\"false\" [name]=\"'AbpUi::Actions' | abpLocalization\"\r\n                            [frozenLeft]=\"true\" [width]=\"110\" [maxWidth]=\"110\">\r\n                            <ng-template let-row=\"row\" let-value=\"value\" ngx-datatable-cell-template>\r\n                                <div ngbDropdown container=\"body\">\r\n                                    <button type=\"button\"\r\n                                        *abpPermission=\"'CmsAdmin.Entry.Delete||CmsAdmin.Entry.Create||CmsAdmin.Entry.Update'\"\r\n                                        class=\"btn btn-primary btn-sm\" ngbDropdownToggle>\r\n                                        <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                    </button>\r\n                                    <div ngbDropdownMenu>\r\n                                        <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Update'\"\r\n                                            routerLink=\"/cms/admin/entries/{{row.id}}/edit\">{{'Cms::Edit' |\r\n                                            abpLocalization}}</button>\r\n                                        @if\r\n                                        (((row|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                        {\r\n                                        <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Create'\"\r\n                                            [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                            [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                            |\r\n                                            abpLocalization}} </button>\r\n                                        }\r\n                                        <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Delete'\"\r\n                                            (click)=\"deletefield(row)\">{{'Cms::Delete' |\r\n                                            abpLocalization}}</button>\r\n                                    </div>\r\n                                </div>\r\n                            </ng-template>\r\n                        </ngx-datatable-column>\r\n\r\n                    </ngx-datatable>\r\n                </div>\r\n                }\r\n\r\n                @if(SiteOfSectionType===SectionType.Structure){\r\n                <div class=\"table-responsive table-fixed-header\">\r\n                    <table class=\"table overflow-nowrap mb-0\" cdkDropList [cdkDropListSortingDisabled]=\"true\"\r\n                        (cdkDropListDropped)=\"drop($event)\">\r\n                        <thead>\r\n                            <tr>\r\n                                <th class=\"sticky-left-card-bg\"> <span\r\n                                        class=\"bi bi-arrows-move fs-5 drag-handle me-2 opacity-0\"></span>{{'AbpUi::Actions'\r\n                                    | abpLocalization}}</th>\r\n                                <th>{{'Cms::Slug' | abpLocalization}}</th>\r\n                                <th>{{'Cms::ParentEntry' | abpLocalization}}</th>\r\n                                <!-- <th>{{'Cms::Title' | abpLocalization}}</th> -->\r\n                                <th>{{'Cms::SectionType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::EntryType' | abpLocalization}}</th>\r\n                                <th>{{'Cms::Status' | abpLocalization}}</th>\r\n                                @for (item of showinFieldList; track $index) {\r\n                                <th>{{'Cms::'+item.displayName | abpLocalization}}</th>\r\n                                }\r\n                                <th>{{'Cms::PublishTime' | abpLocalization}}</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <ng-container *ngFor=\"let item of data.items\">\r\n                                <ng-container\r\n                                    *ngTemplateOutlet=\"treeRow; context: {item: item, level: 0}\"></ng-container>\r\n                            </ng-container>\r\n                        </tbody>\r\n\r\n                        <ng-template #treeRow let-item=\"item\" let-level=\"level\">\r\n                            <tr cdkDrag [cdkDragData]=\"{item: item, level: level}\"\r\n                                [class.drop-above]=\"dropPosition === 'above' && dropTargetId === item.id && !isInvalidDropTarget\"\r\n                                [class.drop-below]=\"dropPosition === 'below' && dropTargetId === item.id && !isInvalidDropTarget\"\r\n                                [class.drop-inside]=\"dropPosition === 'inside' && dropTargetId === item.id && !isInvalidDropTarget\"\r\n                                [class.drop-invalid]=\"dropTargetId === item.id && isInvalidDropTarget\"\r\n                                [style.cursor]=\"dropTargetId === item.id && isInvalidDropTarget ? 'not-allowed' : ''\"\r\n                                (cdkDragStarted)=\"onDragStarted($event)\" (cdkDragEnded)=\"onDragEnded($event)\"\r\n                                (cdkDragEntered)=\"onDragEntered($event, item)\" (mousemove)=\"onMouseMove($event, item)\">\r\n                                <td class=\"sticky-left-card-bg\">\r\n                                    <div ngbDropdown container=\"body\">\r\n                                        <span class=\"bi bi-arrows-move fs-5 drag-handle me-2\" cdkDragHandle></span>\r\n                                        <button type=\"button\" class=\"btn btn-primary btn-sm\"\r\n                                            *abpPermission=\"'CmsAdmin.Entry.Delete||CmsAdmin.Entry.Create||CmsAdmin.Entry.Update'\"\r\n                                            ngbDropdownToggle>\r\n                                            <i class=\"me-1 fa fa-cog\"></i> {{'AbpUi::Actions' | abpLocalization}}\r\n                                        </button>\r\n                                        <div ngbDropdownMenu>\r\n                                            <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Update'\"\r\n                                                routerLink=\"/cms/admin/entries/{{item.id}}/edit\">{{'AbpUi::Edit' |\r\n                                                abpLocalization}}</button>\r\n                                            @if\r\n                                            (((item|getLocalizedEntriesBySlug:filters.sectionId:sectionLanguagesList)|async)===false)\r\n                                            {\r\n                                            <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                *abpPermission=\"'CmsAdmin.Entry.Create'\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:item.entryTypeId,entryVersionId:item.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}}</button>\r\n                                            }\r\n                                            <!-- <button ngbDropdownItem [routerLink]=\"['/cms/admin/entries/create']\"\r\n                                                [queryParams]=\"{cultureName: filters.culture,sectionId:filters.sectionId,entryTypeId:row.entryTypeId,entryVersionId:row.id,isOther:1}\">{{'Cms::CreateOtherLanguages'\r\n                                                |\r\n                                                abpLocalization}} </button> -->\r\n\r\n                                            <button ngbDropdownItem *abpPermission=\"'CmsAdmin.Entry.Delete'\"\r\n                                                (click)=\"deletefield(item)\">{{'AbpUi::Delete' |\r\n                                                abpLocalization}}</button>\r\n                                        </div>\r\n                                    </div>\r\n                                </td>\r\n                                <td class=\"white-space-normal\" (mousemove)=\"onMouseMove($event, item)\">\r\n                                    <span [style.padding-left.px]=\"level * 20\">{{item.slug}}</span>\r\n                                </td>\r\n                                <td class=\"white-space-normal\">{{(item.parentId|getSlugById:copylistItem)||'---'}}</td>\r\n                                <td>\r\n                                    {{ 'Cms::Enum:SectionType:'+SectionType[item.sectionType] |\r\n                                    abpLocalization }}\r\n                                </td>\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item1 of entryTypeList\">\r\n                                        <ng-container\r\n                                            *ngIf=\"item1.id === item.entryTypeId\">{{item1.displayName}}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n\r\n                                <td>\r\n                                    <ng-container *ngFor=\"let item2 of _entryStatusOptions\">\r\n                                        <ng-container *ngIf=\"item.status=== item2.value\">{{\r\n                                            'Cms::Enum:EntryStatus:'+item2.key |\r\n                                            abpLocalization }}</ng-container>\r\n                                    </ng-container>\r\n                                </td>\r\n                                @for (item1 of showinFieldList; track $index) {\r\n                                <td>\r\n                                    <df-dynamic-view [type]=\"item1.field.formControlName\" [showInList]=\"true\"\r\n                                        [fields]=\"item1\"\r\n                                        [value]=\"item.entryTypeId===item1.entryTypeId?(item?.extraProperties[item1.field.name]?item?.extraProperties[item1.field.name]:'---'):'---'\"></df-dynamic-view>\r\n                                </td>\r\n                                }\r\n                                <td>{{item.publishTime | shortDateTime }}</td>\r\n                            </tr>\r\n                            <ng-container *ngIf=\"item.children && item.children.length > 0\">\r\n                                <ng-container *ngFor=\"let child of item.children\">\r\n                                    <ng-container\r\n                                        *ngTemplateOutlet=\"treeRow; context: {item: child, level: level + 1}\"></ng-container>\r\n                                </ng-container>\r\n                            </ng-container>\r\n                        </ng-template>\r\n                        @if(data.items.length === 0){\r\n                        <div class=\"text-muted p-2\">\r\n                            {{ 'Cms::NoDataAvailableInDatatable' | abpLocalization}}\r\n                        </div>\r\n                        }\r\n                    </table>\r\n                </div>\r\n                <div class=\"card-footer py-2\">\r\n                    <small class=\"text-muted\"> {{data.totalCount}} {{ 'Cms::Total' | abpLocalization}}</small>\r\n                </div>\r\n                }\r\n\r\n            </div>\r\n        </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n    </div>\r\n</abp-page>", styles: ["::ng-deep .sites-page .dignite_page{background:transparent}::ng-deep .sites-page .list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}::ng-deep .sites-page .card-header input{flex:2 1 auto}::ng-deep .sites-page .card-header .form-select{padding:.475rem 3.75rem .475rem 1.25rem}::ng-deep .sites-page .morentr{border:2px solid transparent}::ng-deep .sites-page .borderdrag{border:2px solid var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .borderdragtd{background-color:var(--ck-color-selector-column-resizer-hover)!important}::ng-deep .sites-page .testtr{border-color:transparent}::ng-deep .sites-page .testtr td{padding:2px}::ng-deep .sites-page .testtr:hover{background-color:transparent}.cdk-drag-preview{display:table;box-sizing:border-box;border-radius:4px;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:0}.cdk-drag-animating{transition:transform .25s cubic-bezier(0,0,.2,1)}.example-box:last-child{border:0}.example-list.cdk-drop-list-dragging .example-box:not(.cdk-drag-placeholder){transition:transform .25s cubic-bezier(0,0,.2,1)}::ng-deep .sites-modal-form .form-control{padding:.4rem 1.25rem}.white-space-normal{white-space:normal;min-width:150px}.overflow-nowrap{overflow:auto;white-space:nowrap}::ng-deep .sites-page .table th{padding-left:1rem!important;padding-right:1rem!important}::ng-deep .sites-page .table td{padding:.875rem 1rem!important}::ng-deep .sites-page .table .sticky-left-card-bg{position:sticky;left:0;background:var(--bs-card-bg)}::ng-deep .sites-page .table .drag-handle{cursor:move;cursor:grab}::ng-deep .sites-page .table .drag-handle:active{cursor:grabbing}::ng-deep .sites-page .entries-advanced-form{transition:all .3s linear}.drop-above{border-top:3px solid #28a745!important}.drop-below{border-bottom:3px solid #28a745!important}.drop-inside{background-color:#28a7451a!important}.drop-invalid{background-color:#dc35451a!important}tr[cdkDrag] td{vertical-align:middle}.drag-handle{cursor:move;cursor:grab}.drag-handle:active{cursor:grabbing}\n"] }]
         }], ctorParameters: () => [{ type: EntryAdminService }, { type: SectionAdminService }, { type: i3.ToasterService }, { type: i3.ConfirmationService }, { type: i1.ConfigStateService }, { type: i6.Router }, { type: i1.LocalizationService }, { type: FormAdminService }, { type: FieldAdminService }, { type: i0.ChangeDetectorRef }, { type: FormControlsService }] });
 
 class CreateOrUpdateEntryInputBase {