@dignite-ng/expand.cms 0.0.20 → 0.0.21

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

@@ -1,216 +0,0 @@
-import { ABP, ConfigStateService, LIST_QUERY_DEBOUNCE_TIME, ListService, LocalizationService, PagedResultDto } from '@abp/ng.core';
-import { ToasterService, ConfirmationService, Confirmation } from '@abp/ng.theme.shared';
-import { Component, OnInit, inject } from '@angular/core';
-import { FormBuilder, FormGroup } from '@angular/forms';
-import { EntryAdminService, EntryDto, GetEntriesInput } from '../../../proxy/admin/entries';
-import { ColumnMode } from "@swimlane/ngx-datatable";
-import { finalize } from 'rxjs/operators';
-import { SiteAdminService } from '../../../proxy/admin/sites';
-import { SectionAdminService } from '../../../proxy/admin/sections';
-import { entryStatusOptions } from '../../../proxy/entries';
-import { EXTENSIONS_IDENTIFIER } from '@abp/ng.theme.shared/extensions';
-import { ECmsComponent } from '../../../enums/ecms-component';
-import { Router } from '@angular/router';
-import { UpdateListService } from '../../../services/update-list.service';
-
-
-@Component({
-  selector: 'cms-entries',
-  templateUrl: './entries.component.html',
-  styleUrls: ['./entries.component.scss'],
-  providers: [
-    ListService,
-    // 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.Entries,
-    },
-  ]
-})
-export class EntriesComponent implements OnInit {
-  
-  constructor(
-    private _EntryAdminService: EntryAdminService,
-    private _SiteAdminService: SiteAdminService,
-    private _SectionAdminService: SectionAdminService,
-    private toaster: ToasterService,
-    private confirmation: ConfirmationService,
-    private configState: ConfigStateService,
-    private router: Router,
-    private _LocalizationService: LocalizationService,
-  ) {
-  }
-
-  private fb=inject(FormBuilder)
-  private _UpdateListService=inject(UpdateListService)
-  public readonly list=inject(ListService)
-
-
-  ngOnInit(): void {
-    this.getPageDate()
-    this._UpdateListService.updateListEvent.subscribe(() => {
-      this.list.get()
-    });
-  }
-
-  /**站点列表 */
-  siteList: any[any] = []
-  /**选择的站点id */
-  siteId: string = ''
-  /**站点下的版块 */
-  SiteOfSectionList: any[any] = []
-
-
-  /**版块下的语言列表 */
-  sectionLanguagesList: any[any] = []
-  /**版块下的条目类型列表 */
-  entryTypeList: any[any] = []
-  /**状态编码 */
-  _entryStatusOptions = entryStatusOptions
-
-  /**获取页面数据 */
-  async getPageDate() {
-    await this.getsiteList()
-    await this.getSiteOfSectionList()
-    await this.getSectionLanguagesList()
-    this.filters=this.filtersForm.value
-    this.hookToQuery()
-  }
-
-  /**切换站点 */
-  async siteIdChange() {
-    await this.getSiteOfSectionList()
-    await this.getSectionLanguagesList()
-    this.resetData()
-  }
-  /**切换板块 */
-  async sectionIdChange() {
-    this.getSectionOfEntryType()
-    await this.getSectionLanguagesList()
-    this.resetData()
-  }
-  /**切换语言 */
-  async cultureChange() {
-    this.resetData()
-  }
-  /**获取站点列表 */
-  getsiteList() {
-    return new Promise((resolve, rejects) => {
-      this._SiteAdminService.getList({}).subscribe(res => {
-        this.siteList = res.items
-        this.filtersForm.get('siteId').patchValue(res.items[0]?.id || '')
-        resolve(res.items)
-      })
-    })
-  }
-
-  /**获取站点下的版块 */
-  getSiteOfSectionList() {
-    return new Promise((resolve, rejects) => {
-      let siteId = this.filtersForm.get('siteId').value
-      this._SectionAdminService.getList({
-        maxResultCount: 1000,
-        siteId: siteId
-      }).subscribe(res => {
-        this.SiteOfSectionList = res.items
-        this.filtersForm.get('sectionId').patchValue(res.items[0]?.id || '')
-        this.getSectionOfEntryType()
-        resolve(res.items)
-      })
-    })
-  }
-
-  /**获取版块下的条目类型 */
-  getSectionOfEntryType() {
-    let sectionId = this.filtersForm.get('sectionId').value
-    this.entryTypeList = this.SiteOfSectionList.find(el => el.id == sectionId)?.entryTypes || []
-  }
-
-  /**获取版块下的语言列表 */
-  getSectionLanguagesList() {
-    return new Promise((resolve, rejects) => {
-      // 板块列表 */
-      let SiteOfSectionList = this.SiteOfSectionList
-      //获取所有语言 */
-      let languages = this.configState.getDeep('localization.languages')
-      //当前选择的板块id
-      let sectionId = this.filtersForm.get('sectionId').value
-      //板块下的语言
-      let sectionOfLanguages = this.SiteOfSectionList.find(el => el.id == sectionId)?.site?.languages || []
-      //获取系统语言 */
-      let systemculture=this.configState.getDeep('localization.currentCulture.name')
-      //获取当前选择的语言
-      let nowculture=this.filtersForm.get('culture').value
-      //当前选择的语言，是否在版块的的语言列表中
-      let isexist=  sectionOfLanguages.find(el=>el.cultureName==nowculture)
-      this.filtersForm.get('culture').patchValue(nowculture?isexist?nowculture:systemculture:systemculture)
-      this.sectionLanguagesList = languages.filter(el => sectionOfLanguages.find(ell => ell.cultureName === el.cultureName))
-      resolve(sectionOfLanguages)
-    })
-  }
-
-
-
-    resetData() {
-      this.filters=this.filtersForm.value
-      this.list.page = 0
-      this.data.items = []
-      this.list.get()
-    }
-
-  /**新增-单个 */
-  createEntriesBtn() {
-    this.router.navigate(['/cms/admin/entries/create'], {
-      queryParams: { cultureName: this.filters.culture, sectionId: this.filters.sectionId, entryTypeId: this.entryTypeList[0].id }
-    })
-  }
-
-  /**列表相关 */
-  ColumnMode = ColumnMode;
-  data: PagedResultDto<EntryDto> = {
-    items: [],
-    totalCount: 0,
-  };
-
-  filters = {} as GetEntriesInput;
-  filtersForm: FormGroup = this.fb.group({
-    siteId: [''],
-    sectionId: [''],
-    culture: [''],
-    filter: [''],
-  })
-
-  hookToQuery() {
-    
-    const getData = (query: ABP.PageQueryParams) => this._EntryAdminService.getList({
-      ...query,
-      ...this.filters,
-    });
-    const setData = (list: PagedResultDto<EntryDto>) => {
-      this.data = list
-    };
-    this.list.hookToQuery(getData).subscribe(setData);
-  }
-
-
-  /**删除条目 */
-  deletefield(row: any) {
-    this.confirmation.warn(
-      row.displayName,
-      this._LocalizationService.instant(`AbpUi::ItemWillBeDeletedMessage`),
-    ).subscribe((status: Confirmation.Status) => {
-      if (status == 'confirm') {
-        this._EntryAdminService.delete(row.id).pipe(finalize(() => {
-        })).subscribe(res => {
-          this.toaster.success(this._LocalizationService.instant(`AbpUi::SuccessfullyDeleted`));
-          this.list.get()
-        })
-      }
-
-    });
-  }
-
-
-}

package/src/lib/components/admin/entries/index.ts

@@ -1,4 +0,0 @@
-export * from './entries.component'
-export * from './create.component'
-export * from './edit.component'
-export * from './create-or-edit-entries.component'

package/src/lib/components/admin/fields/create-field.component.html

@@ -1,12 +0,0 @@
-<form class="row g-3 needs-validation" [formGroup]="newEntity" (ngSubmit)="save()">
-    <abp-page [title]="'Cms::CreateField' | abpLocalization" [toolbar]="true">
-        <div class="create-field-page">
-            <button type="submit" style="display: none;" #submitclick></button>
-            <div class="card">
-                <div class="card-body">
-                    <cms-create-or-edit-field [Entity]="newEntity"></cms-create-or-edit-field>
-                </div>
-            </div>
-        </div>
-    </abp-page>
-</form>

package/src/lib/components/admin/fields/create-field.component.scss

@@ -1,10 +0,0 @@
-::ng-deep .create-field-page {
-    .dignite_page {
-        height: calc(100vh - 32px - 53px - 40px);
-        overflow: auto;
-    }
-    .form-control,
-    .form-select {
-        padding: 0.475rem 1.25rem;
-    }
-}

package/src/lib/components/admin/fields/create-field.component.spec.ts

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

package/src/lib/components/admin/fields/create-field.component.ts

@@ -1,68 +0,0 @@
-import { Component, ElementRef, ViewChild, inject } from '@angular/core';
-import { CreateOrUpdateFieldInputBase } from './create-or-update-field-input-base';
-import { FormBuilder, FormGroup } from '@angular/forms';
-import { ToasterService } from '@abp/ng.theme.shared';
-import { FieldAdminService } from '../../../proxy/admin/fields';
-import { Location } from '@angular/common';
-import { LocalizationService } from '@abp/ng.core';
-import { EXTENSIONS_IDENTIFIER } from '@abp/ng.theme.shared/extensions';
-import { ECmsComponent } from '../../../enums';
-import { CmsApiService } from '../../../services';
-import { Router } from '@angular/router';
-import { UpdateListService } from '../../../services/update-list.service';
-
-@Component({
-  selector: 'cms-create-field',
-  templateUrl: './create-field.component.html',
-  styleUrls: ['./create-field.component.scss'],
-  providers: [
-    {
-      provide: EXTENSIONS_IDENTIFIER,
-      useValue: ECmsComponent.FieldsCreate,
-    },
-  ]
-})
-export class CreateFieldComponent {
-  
-  constructor(
-    private fb: FormBuilder,
-    public _FieldAdminService: FieldAdminService,
-    private toaster: ToasterService,
-    public _location: Location,
-    public _LocalizationService: LocalizationService,
-    public _CmsApiService: CmsApiService,
-    private router: Router,
-   
-  ) { }
-  private _UpdateListService=inject(UpdateListService)
- 
-  /**表单实体 */
-  newEntity: FormGroup | undefined 
-
-  /**获取提交按钮替身，用于真实触发表单提交 */
-  @ViewChild('submitclick', { static: true }) submitclick: ElementRef;
-
-  ngOnInit(): void {
-    //Called after the constructor, initializing input properties, and the first call to ngOnChanges.
-    //Add 'implements OnInit' to the class.
-    this.newEntity= this.fb.group(new CreateOrUpdateFieldInputBase())
-  }
-
-  /**触发提交按钮 */
-  submitclickBtn(){
-    this.submitclick.nativeElement.click()
-  }
-  /**保存表单 */
-  save() {
-    let input = this.newEntity.value
-    if (!this.newEntity.valid) return
-    this._FieldAdminService.create(input).subscribe(res => {
-      this.toaster.success(this._LocalizationService.instant(`CmsKit::SavedSuccessfully`));
-      this.router.navigateByUrl('', { skipLocationChange: true }).then(() => {
-        this.router.navigate([`/cms/admin/fields`]);
-        this._UpdateListService.updateList();
-      });
-    })
-  }
-
-}

package/src/lib/components/admin/fields/create-or-edit-field.component.html

@@ -1,39 +0,0 @@
-<form [formGroup]="_Entity">
-    <div class="mb-2">
-        <label class="form-label" for="groupId">{{'Cms::FieldGroup' | abpLocalization}}</label>
-        <select class="form-select" formControlName="groupId">
-            <option value="">{{'Cms::OptionalGrouping' | abpLocalization}}</option>
-            <ng-container *ngFor="let item of _FieldAbstractsService.fieldGroupList">
-                <option [value]="item.id">{{item.name}}</option>
-            </ng-container>
-        </select>
-    </div>
-    <div class="mb-2">
-        <label class="form-label" for="displayName">{{'DigniteAbpForms::FieldDisplayName' | abpLocalization}}</label>
-        <input type="text" class="form-control" formControlName="displayName" (blur)="disPlayNameInputBlur($event)">
-    </div>
-    <div class="mb-2">
-        <label class="form-label" for="name">{{'DigniteAbpForms::FieldName' | abpLocalization}}</label>
-        <input type="text" class="form-control" formControlName="name" (input)="nameInputBlur($event)">
-        <div class="text-danger invalid-feedback" *ngIf="nameInput.errors?.repetition">
-            {{nameInput.errors?.repetition}}
-        </div>
-        <div class="form-text">{{'DigniteAbpForms::FieldNameHelpText' | abpLocalization}}</div>
-    </div>
-    <div class="mb-2">
-        <label class="form-label" for="description">{{'Cms::Description' | abpLocalization}}</label>
-        <input type="text" class="form-control" formControlName="description">
-    </div>
-    <div class="mb-2">
-        <label class="form-label" for="formControlName">{{'Cms::FieldType' | abpLocalization}}</label>
-        <select class="form-select" formControlName="formControlName" (change)="formControlNameChange()">
-            <ng-container *ngFor="let item of _FieldAbstractsService.fromControlList;let i =index">
-                <option [value]="item.name">{{item.displayName}}</option>
-            </ng-container>
-        </select>
-    </div>
-    <ng-container *ngIf="_Entity.value.formControlName&&_Entity"> 
-        <df-dynamic [type]="_Entity.value.formControlName" [entity]="_Entity" [selected]="_selected"></df-dynamic>
-    </ng-container>
-
-</form>

package/src/lib/components/admin/fields/create-or-edit-field.component.spec.ts

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

package/src/lib/components/admin/fields/create-or-edit-field.component.ts

@@ -1,119 +0,0 @@
-import { Component, Input, OnInit, ViewChild, ViewContainerRef, inject } from '@angular/core';
-import { CreateOrUpdateFieldInputBase } from './create-or-update-field-input-base';
-import { FieldAbstractsService } from '../../../services/field-abstracts.service';
-import { AbstractControl, FormBuilder, FormControl, FormGroup, ValidationErrors, Validators } from '@angular/forms';
-import { CmsApiService } from '../../../services/cms-api.service';
-import { Observable } from 'rxjs';
-import { FieldAdminService } from '../../../proxy/admin/fields';
-import { LocalizationService } from '@abp/ng.core';
-import { CreateDynamicComponentsService } from '@dignite-ng/expand.dynamic-form';
-@Component({
-  selector: 'cms-create-or-edit-field',
-  templateUrl: './create-or-edit-field.component.html',
-  styleUrls: ['./create-or-edit-field.component.scss']
-})
-export class CreateOrEditFieldComponent {
-
-  /**表单控件模板-动态表单配置组件 */
-  @ViewChild('FormDynamicRef', { read: ViewContainerRef, static: true }) FormDynamicRef: ViewContainerRef;
-
-  constructor(
-    public _FieldAbstractsService: FieldAbstractsService,
-    private _CmsApiService: CmsApiService,
-    private _FieldAdminService: FieldAdminService,
-    private _LocalizationService: LocalizationService,
-  
-  ) {
-    if (this._FieldAbstractsService.fieldGroupList.length == 0) {
-      this._FieldAbstractsService.getfieldGroupList()
-    }
-  }
-  /**表单实体 */
-  _Entity: FormGroup | undefined
-  @Input()
-  public set Entity(v: FormGroup | undefined) {
-    if (v) {
-      this._Entity = v;
-      this.dataLoaded();
-    }
-  }
-  get formControlName() {
-    return this._Entity.get('formControlName')
-  }
-  /**选择的表单信息 */
-  _selected_copy:any
-  _selected: any
-  @Input()
-  public set selected(v: any) {
-    if(v) {
-      this._selected = v || '';
-      this._selected_copy=v
-      this.dataLoaded()
-    }
-   
-  }
-
-  private _CreateDynamicComponentsService=inject(CreateDynamicComponentsService)
-
-  async dataLoaded() {
-    if (this._FieldAbstractsService.fromControlList.length == 0) {
-      await this._FieldAbstractsService.getFromControlList()
-    }
-    
-    if (this._Entity) {
-      if (!this.formControlName.value) {
-        this._Entity.patchValue({
-          formControlName: this._FieldAbstractsService.fromControlList[0]?.name,
-        })
-      }
-      this._Entity.setControl('name', new FormControl(this.nameInput.value||'', {
-        validators: Validators.required,
-        asyncValidators: [this.repetitionAsyncValidator()] ,
-        updateOn: 'blur'
-      }))
-    }
-  }
-
-
-  /**name表单控件 */
-  get nameInput() {
-    return this._Entity.get('name')
-  }
-
-  nameInputBlur(event){
-    let value = event.target.value
-    this.nameInput.patchValue(value)
-  }
-
-  /**字段标签input失去标点生成字段名字 */
-  disPlayNameInputBlur(event) {
-    let value = event.target.value
-    let pinyin = this._CmsApiService.chineseToPinyin(value)
-    let nameInput = this.nameInput
-    if (nameInput.value) return
-    nameInput.patchValue(pinyin)
-  }
-  /**定义异步验证方法 */
-  repetitionAsyncValidator() {
-    return (ctrl: AbstractControl): Promise<ValidationErrors | null> | Observable<ValidationErrors | null> => {
-      return new Promise(resolve => {
-        if (ctrl.value == this._selected?.name||!ctrl.value) {
-          resolve(null);
-          return
-        }
-        this._FieldAdminService.nameExists(ctrl.value).subscribe(res => {
-          if (res) {
-            resolve({ repetition: this._LocalizationService.instant(`Cms::FieldName{0}AlreadyExist`, ctrl.value) });
-          } else {
-            resolve(null);
-          }
-        })
-      });
-    };
-  }
-
-
-  formControlNameChange(){
-  }
-
-}

package/src/lib/components/admin/fields/create-or-update-field-input-base.ts

@@ -1,33 +0,0 @@
-import { FormBuilder, FormControl, FormGroup, Validators } from "@angular/forms";
-
-export class CreateOrUpdateFieldInputBase {
-    /**分组id */
-    groupId: any = ['', []];
-
-    /**字段名称 Display name of this field */
-    displayName: any = ['', [Validators.required]];
-
-    /**字段唯一名称 Unique Name*/
-    name: any = ['', [Validators.required]];
-
-    /**描述 说明 */
-    description: any = ['', []];
-
-    /**FieldType字段类型 表单控件名称 */
-    formControlName: any = [undefined, [Validators.required]];
-
-    /**动态表单配置 */
-    formConfiguration: FormGroup | undefined = new FormGroup({})
-
-
-    constructor(data?: CreateOrUpdateFieldInputBase) {
-        if (data) {
-            for (const key in data) {
-                if (data.hasOwnProperty(key)) {
-                    this[key] = data[key];
-                }
-            }
-        }
-
-    }
-}

package/src/lib/components/admin/fields/edit-field.component.html

@@ -1,13 +0,0 @@
-<form class="row g-3 needs-validation" [formGroup]="newEntity" (ngSubmit)="save()">
-    <abp-page [title]="'Cms::EditField' | abpLocalization" [toolbar]="true">
-        <div class="create-field-page">
-            <button type="submit" style="display: none;" #submitclick></button>
-            <!-- <div class="p-3 bg-white rounded-1"> -->
-            <div class="card">
-                <div class="card-body">
-                    <cms-create-or-edit-field [Entity]="newEntity" [selected]="fieldDetails"></cms-create-or-edit-field>
-                </div>
-            </div>
-        </div>
-    </abp-page>
-</form>

package/src/lib/components/admin/fields/edit-field.component.spec.ts

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