@dignite-ng/expand.cms 2.0.0-rc.10 → 2.0.0-rc.12

package/src/lib/components/admin/sections/sections.component.html

@@ -1,189 +0,0 @@
-<abp-page [title]="'Cms::Sections' | abpLocalization" [toolbar]="true">
-    <div class="sections-page">
-        <div class="card " >
-            <div class="card-body px-2 py-sm-2 border-bottom">
-                <div class="row align-items-end">
-                    <div class="mb-3 col-3">
-                        <label class="form-label">{{'Cms::IsActive' | abpLocalization}}：</label>
-                        <select class="form-select col-auto" [(ngModel)]="filters.isActive" (change)="siteIdChange()">
-                            <option [value]=""></option>
-                            <option [value]="true">{{'AbpUi::Yes'|abpLocalization}}</option>
-                            <option [value]="false">{{'AbpUi::No'|abpLocalization}}</option>
-                        </select>
-                    </div>
-                    <div class="mb-3 col-3">
-                        <label class="form-label">{{'AbpUi::Search' | abpLocalization}}：</label>
-                        <input type="text" class="form-control" [(ngModel)]="filters.filter"
-                        [placeholder]="'AbpUi::Search' | abpLocalization" />
-                    </div>
-                    <div class="mb-3 col-4">
-                        <button class="btn btn-primary px-3" type="button" id="button-addon2" (click)="list.get()">
-                            <i class="fa fa-search"></i>
-                        </button>
-                    </div>
-                </div> 
-            </div>
-        </div>
-        <div class="card mb-0">
-            <div class="card-body p-0">
-                <div class="table-responsive table-fixed-header">
-                    <ngx-datatable class="material " [rows]="data.items" [list]="list"
-                        [columnMode]="ColumnMode.force" [headerHeight]="50" [footerHeight]="50" rowHeight="auto"
-                        [virtualization]="false" [externalPaging]="true" [count]="data.totalCount" [scrollbarH]="true">
-                        <ngx-datatable-column [name]="'Cms::DisplayName' | abpLocalization" prop="displayName">
-                            <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
-                                {{ value }}
-                            </ng-template>
-                        </ngx-datatable-column>
-                        <ngx-datatable-column [name]="'Cms::Name' | abpLocalization" prop="name">
-                            <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
-                                {{ value }}
-                            </ng-template>
-                        </ngx-datatable-column>
-                        <ngx-datatable-column [name]="'Cms::SectionType' | abpLocalization" prop="type" [width]="80"  [sortable]="false">
-                            <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
-                                {{('Cms::Enum:SectionType:'+_SectionType[value]) | abpLocalization}}
-                            </ng-template>
-                        </ngx-datatable-column>
-                        <ngx-datatable-column [name]="'Cms::IsDefault' | abpLocalization" prop="isDefault" [width]="60"  [sortable]="false">
-                            <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
-                                <i class="fas fa-check text-success" *ngIf="value"></i>
-                                <i class="fas fa-times text-danger" *ngIf="!value"></i>
-                            </ng-template>
-                        </ngx-datatable-column>
-                        <ngx-datatable-column [name]="'Cms::IsActive' | abpLocalization" prop="isActive" [width]="60"  [sortable]="false">
-                            <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
-                                <i class="fas fa-check text-success" *ngIf="value"></i>
-                                <i class="fas fa-times text-danger" *ngIf="!value"></i>
-                            </ng-template>
-                        </ngx-datatable-column>
-                        <ngx-datatable-column [name]="'Cms::EntryType' | abpLocalization" prop="SiteId" [width]="100"  [sortable]="false"> 
-                            <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
-                                <div ngbDropdown container="body">
-                                    <button type="button" class="btn btn-link" ngbDropdownToggle id="dropdownBasic1">
-                                        {{'Cms::EntryType' | abpLocalization}}
-                                    </button>
-                                    <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
-                                        <ng-container *ngFor="let item of row.entryTypes;let i =index">
-                                            <li ngbDropdownItem
-                                                class="d-flex align-items-center justify-content-between" [routerLink]="'/cms/admin/sections/'+row.id+'/entry-types/'+item.id+'/edit'"
-                                                >{{item.displayName}}
-                                                <button class="btn btn-light btn-sm p-0"
-                                                    (click.stop)="deleteEntryType(item)"><i class="fas fa-trash p-sm-1"
-                                                        style="font-size: 12px;" role="button"></i></button>
-                                            </li>
-                                        </ng-container>
-                                        <li ngbDropdownItem [routerLink]="'/cms/admin/sections/'+row.id+'/entry-types/create'"><i
-                                                class="fas fa-plus-circle me-2"></i>{{'Cms::New' |
-                                            abpLocalization}}</li>
-                                    </div>
-                                </div>
-                            </ng-template>
-                        </ngx-datatable-column>
-                        <ngx-datatable-column [name]="'Cms::CreationTime' | abpLocalization" prop="creationTime" [minWidth]="190">
-                            <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
-                                {{ value | date : 'yyyy/MM/dd hh:mm:ss' }}
-                            </ng-template>
-                        </ngx-datatable-column>
-                        <ngx-datatable-column [sortable]="false"  [name]="'AbpUi::Actions' | abpLocalization"   [frozenLeft]="true" [width]="110" [maxWidth]="110">
-                            <ng-template let-row="row" let-value="value" ngx-datatable-cell-template>
-                                <div ngbDropdown container="body">
-                                    <button type="button" class="btn btn-primary btn-sm" ngbDropdownToggle>
-                                        <i class="me-1 fa fa-cog"></i> {{'AbpUi::Actions' | abpLocalization}}
-                                    </button>
-                                    <div ngbDropdownMenu>
-                                        <button ngbDropdownItem (click)="editSectionBtn(row)">{{'AbpUi::Edit' |
-                                            abpLocalization}}</button>
-                                        <button ngbDropdownItem (click)="deletefield(row)">{{'AbpUi::Delete' |
-                                            abpLocalization}}</button>
-                                    </div>
-                                </div>
-                            </ng-template>
-                        </ngx-datatable-column>
-                    </ngx-datatable>
-                </div>
-            </div>
-        </div>
-    </div>
-</abp-page>
-<cms-create-or-edit-sections-modal  (visibleChange)="visibleChange($event)" [formEntity]="formEntity" [visible]="isVisibleOpen"></cms-create-or-edit-sections-modal>
-<!-- <abp-modal [(visible)]="visibleOpen" [busy]="modalBusy" (visibleChange)="VisibleChange($event)">
-    <ng-template #abpHeader>
-        <h3>{{selected?('AbpUi::Edit' | abpLocalization):('Cms::New' | abpLocalization)}}</h3>
-    </ng-template>
-    <ng-template #abpBody>
-        <ng-template #loaderRef>
-            <div class="text-center"><i class="fa fa-pulse fa-spinner" aria-hidden="true"></i></div>
-        </ng-template>
-        <ng-container *ngIf="createOrEditForm; else loaderRef">
-            <form class="sites-modal-form" [formGroup]="createOrEditForm" (keydown.enter)="$event.preventDefault()" [class]="{'was-validated':formValidation}"  (submit)="createOrEditSave()">
-                <button type="submit" #createOrEditModalSubmitBtn style="display: none"></button>
-                <div class="mb-3">
-                    <label class="form-label">{{'Cms::EntryType' | abpLocalization}}</label>
-                    <div>
-                        <ng-container *ngFor="let item of _sectionTypeOptions;let i =index">
-                            <div class="form-check form-check-inline">
-                                <input class="form-check-input" type="radio" [value]="item.value"
-                                    (change)="radiochange()" formControlName="type" id="flexRadioDefault{{i}}">
-                                <label class="form-check-label" for="flexRadioDefault{{i}}">
-                                    {{ 'Cms::Enum:SectionType:'+item.key | abpLocalization }}
-                                </label>
-                            </div>
-                        </ng-container>
-                    </div>
-                </div>
-                <div class="mb-3">
-                    <label class="form-label">{{'Cms::DisplayName' | abpLocalization}}</label>
-                    <input type="text" class="form-control" formControlName="displayName"
-                        (blur)="disPlayNameInputBlur($event)" placeholder="" />
-                </div>
-                <div class="mb-3">
-                    <label class="form-label">{{'Cms::Name' | abpLocalization}}</label>
-                    <input type="text" class="form-control" formControlName="name" placeholder="" />
-                    <div class="text-danger invalid-feedback" *ngIf="nameInput.errors?.repetition">
-                        {{nameInput.errors?.repetition}}
-                    </div>
-                </div>
-                <div class="mb-3">
-                    <label class="form-label">{{'Cms::Route' | abpLocalization}} </label>
-                    <input type="text" class="form-control" formControlName="route" placeholder="" />
-                    <div class="text-danger invalid-feedback" *ngIf="routeInput.errors?.repetition">
-                        {{routeInput.errors?.repetition}}
-                    </div>
-                    <small class="form-text text-muted d-block">
-                        {{'Cms::RouteTips' | abpLocalization}}<br>
-                        &nbsp;&nbsp;blog<br>
-                        &nbsp;&nbsp;{{'blog/{slug}'}}<br>
-                        &nbsp;&nbsp;{{'blog/{publishTime:yyyy}/{publishTime:MM}/{slug}'}}
-                    </small>
-                </div>
-                <div class="mb-3">
-                    <label class="form-label">{{'Cms::Template' | abpLocalization}} </label>
-                    <input type="text" class="form-control" formControlName="template" placeholder="" />
-                    <small class="form-text text-muted d-block">
-                        {{"Cms::TemplateTips" | abpLocalization}}
-                    </small>
-                </div>
-                <div class="mb-3">
-                    <div class="form-check form-check-inline">
-                        <input class="form-check-input" type="checkbox" value="true" formControlName="isDefault"
-                            id="isDefault" />
-                        <label class="form-check-label" for="isDefault"> {{'Cms::Default' | abpLocalization}} </label>
-                    </div>
-                </div>
-                <div class="mb-3">
-                    <div class="form-check form-check-inline">
-                        <input class="form-check-input" type="checkbox" value="true" formControlName="isActive"
-                            id="isActive" />
-                        <label class="form-check-label" for="isActive"> {{'Cms::IsActive' | abpLocalization}}</label>
-                    </div>
-                </div>
-            </form>
-        </ng-container>
-    </ng-template>
-    <ng-template #abpFooter>
-        <button type="button" class="btn btn-secondary" abpClose>{{'AbpUi::Close' | abpLocalization}}</button>
-        <abp-button iconClass="fa fa-check" (click)="createOrEditModalSubmitBtn.nativeElement.click()">{{'AbpUi::Save' |
-            abpLocalization}}</abp-button>
-    </ng-template>
-</abp-modal> -->

package/src/lib/components/admin/sections/sections.component.scss

@@ -1 +0,0 @@
-::ng-deep.sections-page{.dignite_page{background:transparent}.list-group-flush>.list-group-item:first-child{border-top-width:var(--bs-list-group-border-width)}.card-header{input{flex:2 1 auto}.form-select{padding:.475rem 3.75rem .475rem 1.25rem}}}::ng-deep.sites-modal-form{.form-control{padding:.4rem 1.25rem}}

package/src/lib/components/admin/sections/sections.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { SectionsComponent } from './sections.component';
-
-describe('SectionsComponent', () => {
-  let component: SectionsComponent;
-  let fixture: ComponentFixture<SectionsComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [SectionsComponent]
-    });
-    fixture = TestBed.createComponent(SectionsComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/admin/sections/sections.component.ts

@@ -1,136 +0,0 @@
-import { EXTENSIONS_IDENTIFIER } from '@abp/ng.components/extensible';
-import {
-  ABP,
-  LIST_QUERY_DEBOUNCE_TIME,
-  ListService,
-  LocalizationService,
-  PagedResultDto,
-} from '@abp/ng.core';
-import { Component,  OnInit,  inject } from '@angular/core';
-import { ECmsComponent } from '../../../enums';
-import { ToasterService, ConfirmationService, Confirmation } from '@abp/ng.theme.shared';
-import {
-  FormBuilder,
-  FormGroup,
-} from '@angular/forms';
-import { CmsApiService } from '../../../services';
-import { UpdateListService } from '@dignite-ng/expand.core';
-
-import { ColumnMode } from '@swimlane/ngx-datatable';
-import { finalize, Observable } from 'rxjs';
-import { CreateOrUpdateSectionsInputBase } from './create-or-update-sections-input-base';
-import { ValidatorsService } from '@dignite-ng/expand.core';
-import { EntryTypeAdminService, GetSectionsInput, SectionAdminService, SectionDto } from '../../../proxy/dignite/cms/admin/sections';
-import { SectionType, sectionTypeOptions } from '../../../proxy/dignite/cms/sections';
-
-@Component({
-  selector: 'cms-sections',
-  templateUrl: './sections.component.html',
-  styleUrls: ['./sections.component.scss'],
-  providers: [
-    // [Required]
-    ListService,
-    // [Optional]
-    // Provide this token if you want a different debounce time.
-    // Default is 300. Cannot be 0. Any value below 100 is not recommended.
-    { provide: LIST_QUERY_DEBOUNCE_TIME, useValue: 500 },
-    {
-      provide: EXTENSIONS_IDENTIFIER,
-      useValue: ECmsComponent.Sections,
-    },
-  ],
-})
-export class SectionsComponent implements OnInit {
-  constructor(
-    public readonly list: ListService,
-    private _SectionAdminService: SectionAdminService,
-    private toaster: ToasterService,
-    private confirmation: ConfirmationService,
-    private fb: FormBuilder,
-    public _EntryTypeAdminService: EntryTypeAdminService,
-    public _LocalizationService: LocalizationService,
-    public _CmsApiService: CmsApiService
-  ) {}
-  private _UpdateListService = inject(UpdateListService);
-  siteList: any[] = [];
-  _SectionType = SectionType;
-  _sectionTypeOptions = sectionTypeOptions;
-  ColumnMode = ColumnMode;
-  data: PagedResultDto<SectionDto> = { items: [], totalCount: 0 };
-  filters = {} as GetSectionsInput;
-  hookToQuery() {
-    const getData = (query: ABP.PageQueryParams) =>
-      this._SectionAdminService.getList({ ...query, ...this.filters });
-    const setData = (list: PagedResultDto<SectionDto>) => (this.data = list);
-    this.list.hookToQuery(getData).subscribe(setData);
-  }
-  async ngOnInit(): Promise<void> {
-    this.hookToQuery();
-    this._UpdateListService.updateListEvent.subscribe(() => {
-      this.list.get();
-    });
-  }
-  siteIdChange() {
-    this.list.page = 0;
-    this.list.get();
-  }
-
-  /**表单 */
-  formEntity: FormGroup | undefined;
-  /**弹窗状态 */
-  isVisibleOpen: boolean = false;
-  /**弹窗回调 */
-  visibleChange(event) {
-    this.isVisibleOpen = event;
-    if (!event) {
-      this.formEntity = undefined;
-    }
-  }
-  /**创建 */
-  createBtn() {
-    this.formEntity = this.fb.group(new CreateOrUpdateSectionsInputBase());
-    this.isVisibleOpen = true;
-  }
-  /**编辑 */
-  editSectionBtn(item) {
-    this.formEntity = this.fb.group(new CreateOrUpdateSectionsInputBase());
-    this.formEntity.patchValue({
-      ...item,
-    });
-    this.isVisibleOpen = true;
-  }
-
-  /**删除板块 */
-  deletefield(row) {
-    this.confirmation
-      .warn(row.displayName, this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`))
-      .subscribe((status: Confirmation.Status) => {
-        if (status == 'confirm') {
-          this._SectionAdminService
-            .delete(row.id)
-            .pipe(finalize(() => {}))
-            .subscribe(res => {
-              this.toaster.success(this._LocalizationService.instant(`AbpUi::DeletedSuccessfully`));
-              this.list.get();
-            });
-        }
-      });
-  }
-  /**删除条目类型 */
-    deleteEntryType(row) {
-    this.confirmation
-      .warn(row.displayName, this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`))
-      .subscribe((status: Confirmation.Status) => {
-        if (status == 'confirm') {
-          this._EntryTypeAdminService
-            .delete(row.id)
-            .pipe(finalize(() => {}))
-            .subscribe(res => {
-              this.toaster.success(this._LocalizationService.instant(`AbpUi::DeletedSuccessfully`));
-              this.list.get();
-            });
-        }
-      });
-  }
-
-}

package/src/lib/components/dynamic-form/entry/entry-config.component.html

@@ -1,26 +0,0 @@
-<form [formGroup]="_Entity">
-    <div formGroupName="formConfiguration">
-        <div class="mb-3">
-            <label class="form-label">{{'Cms::Sections' | abpLocalization}}</label>
-            <select class="form-select col-auto" formControlName="Entry.SectionId">
-                <ng-container *ngFor="let item of SiteOfSectionList">
-                    <option [value]="item.id">{{item.displayName}}</option>
-                </ng-container>
-            </select>
-        </div>
-        <div class="mb-3">
-            <div class="form-check form-check-inline">
-                <input class="form-check-input" type="checkbox" formControlName="Entry.Multiple" id="Multiple">
-                <label class="form-check-label" for="Multiple">
-                    {{'Cms::Multiple' | abpLocalization}}
-                </label>
-            </div>
-        </div>
-        <div class="mb-3">
-            <label class="form-label">{{'Cms::Placeholder' | abpLocalization}}</label>
-            <input type="text" class="form-control" formControlName="Entry.Placeholder">
-        </div>
-        <button type="submit" (abpInit)="submitclick?.nativeElement?.click()" style="display: none;"
-            #submitclick></button>
-    </div>
-</form>

package/src/lib/components/dynamic-form/entry/entry-config.component.scss

@@ -1,27 +0,0 @@
-:ng-deep .ant-select:not(.ant-select-customize-input) .ant-select-selector {
-    background-color: transparent !important;
-    border: none !important;
-  }
-  
-  :ng-deep .ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
-    border-color: transparent !important;
-    box-shadow: none !important;
-  }
-  
-  .selectclassliveview {
-    overflow: hidden;
-  }
-  
-  ::ng-deep.ant-select:not(.ant-select-disabled):hover .ant-select-selector {
-    border-color: transparent;
-  }
-  
-  ::ng-deep.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
-    border-color: transparent;
-    box-shadow: none;
-  }
-  
-  ::ng-deep.ant-select:not(.ant-select-customize-input) .ant-select-selector {
-    background: transparent;
-    border: 1px solid transparent;
-  }

package/src/lib/components/dynamic-form/entry/entry-config.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { EntryConfigComponent } from './entry-config.component';
-
-describe('EntryConfigComponent', () => {
-  let component: EntryConfigComponent;
-  let fixture: ComponentFixture<EntryConfigComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [EntryConfigComponent]
-    });
-    fixture = TestBed.createComponent(EntryConfigComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});

package/src/lib/components/dynamic-form/entry/entry-config.component.ts

@@ -1,119 +0,0 @@
-import { AfterContentInit, ChangeDetectorRef, Component, ElementRef, inject, Input, ViewChild } from '@angular/core';
-import { FormBuilder, FormControl, FormGroup } from '@angular/forms';
-import { EntryConfig } from './entry-config';
-import { SectionAdminService } from '../../../proxy/dignite/cms/admin/sections';
-// import { SectionAdminService } from '../../../proxy/admin/sections';
-@Component({
-  selector: 'cms-entry-config',
-  templateUrl: './entry-config.component.html',
-  styleUrls: ['./entry-config.component.scss'],
-})
-export class EntryConfigComponent implements AfterContentInit {
-  constructor(
-    private fb: FormBuilder,
-    // private _SiteAdminService: SiteAdminService,
-    private _SectionAdminService: SectionAdminService
-  ) {}
-  /**表单控件类型 */
-  _type: any;
-  @Input()
-  public set type(v: any) {
-    if (v == this._type) return;
-
-    this._type = v;
-  }
-
-  /**选择的表单信息 */
-  _selected: any;
-  @Input()
-  public set selected(v: any) {
-    this._selected = v;
-  }
-  /**语言 */
-  _culture: any;
-  @Input()
-  public set culture(v: any) {
-    this._culture = v;
-  }
-  /**表单实体 */
-  _Entity: FormGroup | undefined;
-  @Input()
-  public set Entity(v: FormGroup) {
-    this._Entity = v;
-    this.dataLoaded();
-  }
-  get formConfiguration() {
-    return this._Entity.get('formConfiguration') as FormGroup;
-  }
-  @ViewChild('submitclick', { static: true }) submitclick: ElementRef;
-
-  /**站点列表 */
-  siteList: any[any] = [];
-
-  /**选择的站点id */
-  // siteId: string = ''
-  siteId: any = new FormControl('');
-  /**站点下的版块 */
-  SiteOfSectionList: any[any] = [];
-
-  ngAfterContentInit(): void {
-    //Called after ngOnInit when the component's or directive's content has been initialized.
-    //Add 'implements AfterContentInit' to the class.
-  }
-
-  private cdr = inject(ChangeDetectorRef);
-  async dataLoaded() {
-    if (this._Entity && this._type) {
-      await this.AfterInit();
-      this.cdr.detectChanges(); // 手动触发变更检测
-      this.submitclick?.nativeElement?.click();
-    }
-  }
-
-  AfterInit() {
-    return new Promise(async (resolve, rejects) => {
-      this._Entity.setControl('formConfiguration', this.fb.group(new EntryConfig()));
-      // await this.getsiteList()
-      await this.getSiteOfSectionList();
-      if (this._selected) {
-        this.formConfiguration.patchValue({
-          ...this._selected.formConfiguration,
-        });
-      }
-      resolve(true);
-    });
-  }
-
-  /**获取站点列表 */
-  // getsiteList() {
-  //   return new Promise((resolve, rejects) => {
-  //     this._SiteAdminService.getList({}).subscribe(res => {
-  //       this.siteList = res.items
-  //       this.siteId = res.items[0]?.id || ''
-  //       resolve(res.items)
-  //     })
-  //   })
-  // }
-  /**获取站点下的版块 */
-  getSiteOfSectionList() {
-    return new Promise((resolve, rejects) => {
-      this._SectionAdminService
-        .getList({
-          maxResultCount: 1000,
-          // siteId: this.siteId
-        })
-        .subscribe(res => {
-          this.SiteOfSectionList = res.items;
-          this.formConfiguration.patchValue({
-            'Entry.SectionId': res.items[0]?.id || '',
-          });
-          resolve(res.items);
-        });
-    });
-  }
-
-  /**切换站点 */
-  async siteIdChange() {
-    await this.getSiteOfSectionList();
-  }
-}

package/src/lib/components/dynamic-form/entry/entry-config.ts

@@ -1,22 +0,0 @@
-import { FormControl, Validators } from "@angular/forms";
-
-export class EntryConfig {
-
-
-    /**多选 */
-    'Entry.Multiple': any = [false, []];
-    /**占位符 */
-    'Entry.Placeholder': any = ['', []];
-    /**版块id */
-    'Entry.SectionId': any = ['', []];
-
-    constructor(data?: EntryConfig) {
-        if (data) {
-            for (const key in data) {
-                if (data.hasOwnProperty(key)) {
-                    this[key] = data[key];
-                }
-            }
-        }
-    }
-}

package/src/lib/components/dynamic-form/entry/entry-control.component.html

@@ -1,25 +0,0 @@
-<form [formGroup]="_entity">
-    <div [formGroupName]="_parentFiledName" class="entry-control-page">
-        <div class="mb-3">
-            <label class="form-label" *ngIf="_fields.displayName">{{ _fields.displayName }}</label>
-            <ng-container *ngIf="_fields.field.formConfiguration['Entry.Multiple']; else elseTemplate">
-                    <nz-select class="form-select form-select-multiple" [nzMaxTagCount]="1" (nzOnSearch)="SelectChange($event)" nzShowSearch  nzMode="multiple"  [nzPlaceHolder]="_fields.field.formConfiguration['Entry.Placeholder']"
-                    formControlName="{{_fields.field.name}}">
-                        <nz-option *ngFor="let item of listOfOption" [nzLabel]="item.title" [nzValue]="item.id"></nz-option>
-                    </nz-select>
-            </ng-container>
-            <ng-template #elseTemplate>
-                <div class="form-select">
-                    <nz-select class="form-select  form-select-multiple " nzShowSearch [nzMaxTagCount]="1"
-                    (ngModelChange)="SelectChange($event)"
-                    [nzPlaceHolder]="_fields.field.formConfiguration['Entry.Placeholder']" [ngModel]="listOfSelectedValue" [ngModelOptions]="{standalone: true}"> 
-                    <nz-option *ngFor="let item of listOfOption" [nzLabel]="item.name" [nzValue]="item.id"></nz-option>
-                </nz-select>
-                </div>
-            </ng-template>
-
-            <small class="form-text text-muted d-block" *ngIf="_fields.field.description">{{_fields.field.description}}</small>
-        </div>
-    </div>
-    <button type="submit" style="display: none;" #submitclick></button>
-</form>

package/src/lib/components/dynamic-form/entry/entry-control.component.scss

@@ -1,35 +0,0 @@
-::ng-deep .entry-control-page {
-  nz-select.form-select {
-    padding: 0
-  }
-
-  nz-select {
-    width: 100%;
-
-    .ant-select-selector {
-      background: transparent !important;
-      border: none !important;
-      padding: .275rem 1.25rem !important;
-      box-shadow: none !important;
-      height: auto !important
-    }
-
-    .anticon-search,
-    .anticon-down {
-      display: none
-    }
-
-  }
-  .ant-select-multiple .ant-select-selection-item{
-    max-width: 40% !important;
-}
-}
-
-::ng-deep .was-validated .form-select-multiple {
-  border-color: #4fbf67;
-  padding-right: calc(1.5em + 1.35rem);
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234fbf67' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
-  background-repeat: no-repeat;
-  background-position: right calc(0.375em + 0.3375rem) center;
-  background-size: calc(0.75em + 0.675rem) calc(0.75em + 0.675rem);
-}

package/src/lib/components/dynamic-form/entry/entry-control.component.spec.ts

@@ -1,21 +0,0 @@
-import { ComponentFixture, TestBed } from '@angular/core/testing';
-
-import { EntryControlComponent } from './entry-control.component';
-
-describe('EntryControlComponent', () => {
-  let component: EntryControlComponent;
-  let fixture: ComponentFixture<EntryControlComponent>;
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      declarations: [EntryControlComponent]
-    });
-    fixture = TestBed.createComponent(EntryControlComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});