@dignite-ng/expand.cms 0.0.18 → 0.0.20

package/config/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/cms/config",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

package/config/src/cms-config.module.ts

@@ -0,0 +1,12 @@
+import { ModuleWithProviders, NgModule } from '@angular/core';
+import { CMS_ROUTE_PROVIDERS } from './providers/route.provider';
+
+@NgModule()
+export class CmsConfigModule {
+  static forRoot(): ModuleWithProviders<CmsConfigModule> {
+    return {
+      ngModule: CmsConfigModule,
+      providers: [CMS_ROUTE_PROVIDERS],
+    };
+  }
+}

package/config/{enums/index.d.ts → src/enums/index.ts}

@@ -1 +1 @@
-export * from './route-names';
+export * from './route-names';

package/config/src/enums/route-names.ts

@@ -0,0 +1,8 @@
+export const enum eCmsRouteNames {
+  Cms = 'Cms::Menu:Cms',
+  Entries = 'Cms::FormControl:Entry',
+  Settings = "Cms::Menu:Settings",
+  Fields = "Cms::Fields",
+  Sites = "Cms::Sites",
+  Sections = "Cms::Sections",
+}

package/config/{providers/index.d.ts → src/providers/index.ts}

@@ -1 +1 @@
-export * from './route.provider';
+export * from './route.provider';

package/config/src/providers/route.provider.ts

@@ -0,0 +1,66 @@
+import { eLayoutType, RoutesService } from '@abp/ng.core';
+import { APP_INITIALIZER } from '@angular/core';
+import { eCmsRouteNames } from '../enums/route-names';
+
+export const CMS_ROUTE_PROVIDERS = [
+  {
+    provide: APP_INITIALIZER,
+    useFactory: configureRoutes,
+    deps: [RoutesService],
+    multi: true,
+  },
+];
+
+export function configureRoutes(routesService: RoutesService) {
+  return () => {
+    routesService.add([
+      {
+        path: '/cms',
+        name: eCmsRouteNames.Cms,
+        iconClass: 'fas fa fa-newspaper-o',
+        layout: eLayoutType.application,
+        order: 3,
+      },
+      {
+        path: '/cms/admin/entries',
+        name: eCmsRouteNames.Entries,
+        parentName:eCmsRouteNames.Cms,
+        iconClass: 'fas fa fa-file-text-o',
+        layout: eLayoutType.application,
+        order: 4,
+      },
+      {
+        path: '',
+        name: eCmsRouteNames.Settings,
+        parentName:eCmsRouteNames.Cms,
+        iconClass: 'fas fa fa-cog',
+        layout: eLayoutType.application,
+        order: 5,
+      },
+      {
+        path: '/cms/admin/fields',
+        name: eCmsRouteNames.Fields,
+        parentName:eCmsRouteNames.Settings,
+        iconClass: 'fas fa fa-pencil-square-o',
+        layout: eLayoutType.application,
+        order: 6,
+      },
+      {
+        path: '/cms/admin/sites',
+        name: eCmsRouteNames.Sites,
+        parentName:eCmsRouteNames.Settings,
+        iconClass: 'fas fa fa-globe ',
+        layout: eLayoutType.application,
+        order: 7,
+      },
+      {
+        path: '/cms/admin/sections',
+        name: eCmsRouteNames.Sections,
+        parentName:eCmsRouteNames.Settings,
+        iconClass: 'fas fa fa-newspaper-o',
+        layout: eLayoutType.application,
+        order: 8,
+      },
+    ]);
+  };
+}

package/config/{public-api.d.ts → src/public-api.ts}

@@ -1,3 +1,3 @@
-export * from './enums';
-export * from './cms-config.module';
-export * from './providers';
+export * from './enums';
+export * from './cms-config.module';
+export * from './providers';

package/karma.conf.js

@@ -0,0 +1,44 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      jasmine: {
+        // you can add configuration options for Jasmine here
+        // the possible options are listed at https://jasmine.github.io/api/edge/Configuration.html
+        // for example, you can disable the random execution with `random: false`
+        // or set a specific seed with `seed: 4321`
+      },
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    jasmineHtmlReporter: {
+      suppressAll: true // removes the duplicated traces
+    },
+    coverageReporter: {
+      dir: require('path').join(__dirname, '../../coverage/dev-app'),
+      subdir: '.',
+      reporters: [
+        { type: 'html' },
+        { type: 'text-summary' }
+      ]
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

package/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/cms",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

package/package.json

@@ -1,38 +1,19 @@
-{
-  "name": "@dignite-ng/expand.cms",
-  "version": "0.0.18",
-  "peerDependencies": {
-    "@angular/common": "^16.2.0",
-    "@angular/core": "^16.2.0",
-    "pinyin-pro": "^3.19.6",
-    "@dignite-ng/expand.dynamic-form": "^0.0.7",
-    "@dignite-ng/expand.file-explorer": "^0.0.7"
-  },
-  "dependencies": {
-    "tslib": "^2.3.0"
-  },
-  "sideEffects": false,
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "module": "fesm2022/dignite-ng-expand.cms.mjs",
-  "typings": "index.d.ts",
-  "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
-    ".": {
-      "types": "./index.d.ts",
-      "esm2022": "./esm2022/dignite-ng-expand.cms.mjs",
-      "esm": "./esm2022/dignite-ng-expand.cms.mjs",
-      "default": "./fesm2022/dignite-ng-expand.cms.mjs"
-    },
-    "./config": {
-      "types": "./config/index.d.ts",
-      "esm2022": "./esm2022/config/dignite-ng-expand.cms-config.mjs",
-      "esm": "./esm2022/config/dignite-ng-expand.cms-config.mjs",
-      "default": "./fesm2022/dignite-ng-expand.cms-config.mjs"
-    }
-  }
-}
+{
+  "name": "@dignite-ng/expand.cms",
+  "version": "0.0.20",
+  "peerDependencies": {
+    "@angular/common": "^16.2.0",
+    "@angular/core": "^16.2.0",
+    "pinyin-pro": "^3.19.6",
+    "@dignite-ng/expand.dynamic-form": "^0.0.10",
+    "@dignite-ng/expand.file-explorer": "^0.0.10"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "publishConfig":{
+    "access":"public",
+    "registry":"https://registry.npmjs.org/"
+}
+}

package/src/lib/cms-routing.module.ts

@@ -0,0 +1,111 @@
+import {  NgModule} from '@angular/core';
+import { Routes, RouterModule, RouteReuseStrategy} from '@angular/router';
+import {
+  CreateComponent,
+  CreateFieldComponent,
+  CreateOrEditComponent,
+  EditComponent,
+  EditFieldComponent,
+  EntriesComponent,
+  FieldsComponent,
+  SectionsComponent,
+  SitesComponent,
+} from './components';
+import {
+  AuthGuard,
+  PermissionGuard,
+} from '@abp/ng.core';
+import { CmsExtensionsResolver } from './toolbar';
+import { appentStyle } from './services/appent-content';
+import { SimpleReuseStrategy } from './services';
+
+
+const routes: Routes = [
+  {
+    path: 'admin',
+    canActivate: [AuthGuard, PermissionGuard],
+    resolve: [CmsExtensionsResolver, appentStyle],
+    children: [
+      {
+        path: 'entries',
+
+        children: [
+          {
+            path: '',
+            component: EntriesComponent,
+            data: { keep: true }
+          },
+          {
+            path: 'create',
+            component: CreateComponent,
+          },
+          {
+            path: ':entrieId/edit',
+            component: EditComponent,
+          },
+        ],
+      },
+      {
+        path: '',
+        children: [
+          {
+            path: 'fields',
+            children: [
+              {
+                path: '',
+                component: FieldsComponent,
+                data: { keep: true }
+              },
+              {
+                path: 'create',
+                component: CreateFieldComponent,
+              },
+              {
+                path: ':id/edit',
+                component: EditFieldComponent,
+              },
+            ],
+          },
+          {
+            path: 'sites',
+            component: SitesComponent,
+            data: { keep: true }
+          },
+          {
+            path: 'sections',
+            children: [
+              {
+                path: '',
+                data: { keep: true },
+                component: SectionsComponent,
+              },
+              {
+                path: ':sectionsId/entry-types',
+                children: [
+                  {
+                    path: 'create',
+                    component: CreateOrEditComponent,
+                  },
+                  {
+                    path: ':entryTypesId/edit',
+                    component: CreateOrEditComponent,
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    ],
+  },
+];
+
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule],
+  providers:[
+  ]
+})
+export class CmsRoutingModule {
+}

package/src/lib/cms.module.ts

@@ -0,0 +1,119 @@
+import { NgModule, NgModuleFactory, ModuleWithProviders } from '@angular/core';
+import { CoreModule, LazyModuleFactory } from '@abp/ng.core';
+import { ThemeSharedModule } from '@abp/ng.theme.shared';
+import { CmsRoutingModule } from './cms-routing.module';
+import {
+  CreateComponent,
+  CreateFieldComponent,
+  CreateOrEditComponent,
+  CreateOrEditEntriesComponent,
+  CreateOrEditFieldComponent,
+  EditComponent,
+  EditFieldComponent,
+  EntriesComponent,
+  FieldGroupComponent,
+  FieldsComponent,
+  SectionsComponent,
+  SitesComponent,
+
+} from './components';
+import {
+  MatrixConfigComponent,
+  MatrixControlComponent,
+  TableConfigComponent,
+  TableControlComponent,
+  EntryConfigComponent,
+  EntryControlComponent,
+  FieldControlGroup
+} from "./components/dynamic-form";
+import { DateAdapter } from '@abp/ng.theme.shared/extensions';
+import {
+  NgbDateAdapter,
+  NgbDropdownModule,
+  NgbNavModule,
+  NgbAccordionModule,
+} from '@ng-bootstrap/ng-bootstrap';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { NgxValidateCoreModule } from '@ngx-validate/core';
+import { DragDropModule } from '@angular/cdk/drag-drop';
+import { PageModule } from '@abp/ng.components/page';
+import { CommercialUiConfigModule } from '@volo/abp.commercial.ng.ui/config';
+import { CMS_TOOLBAR_ACTION_CONTRIBUTORS } from './toolbar';
+import { NzSelectModule } from 'ng-zorro-antd/select';
+import {  DynamicFormModule } from '@dignite-ng/expand.dynamic-form';
+import { NzTableModule } from 'ng-zorro-antd/table';
+import {ScrollingModule} from '@angular/cdk/scrolling';
+import { RouteReuseStrategy } from '@angular/router';
+import { SimpleReuseStrategy } from './services/simple-reuse-strategy';
+
+@NgModule({
+  declarations: [
+    EntriesComponent,
+    FieldsComponent,
+    SitesComponent,
+    SectionsComponent,
+    FieldGroupComponent,
+    CreateFieldComponent,
+    EditFieldComponent,
+    CreateOrEditFieldComponent,
+    CreateOrEditComponent,
+    CreateComponent,
+    EditComponent,
+    CreateOrEditEntriesComponent,
+    TableConfigComponent,
+    TableControlComponent,
+    MatrixConfigComponent,
+    MatrixControlComponent,
+    EntryConfigComponent,
+    EntryControlComponent,
+  ],
+  imports: [
+    CoreModule,
+    ThemeSharedModule,
+    CmsRoutingModule,
+    NgbDropdownModule,
+    FormsModule,
+    ReactiveFormsModule,
+    NgxValidateCoreModule,
+    NgbNavModule,
+    NgbAccordionModule,
+    DragDropModule,
+    PageModule,
+    CommercialUiConfigModule,
+    NzSelectModule,
+    NzTableModule,
+    ScrollingModule,
+    DynamicFormModule.forRoot({
+      cmsFieldControlGroup: FieldControlGroup
+    }),
+  ],
+  exports: [
+    TableConfigComponent,
+    TableControlComponent,
+    MatrixConfigComponent,
+    MatrixControlComponent,
+    EntryConfigComponent,
+    EntryControlComponent,
+  ],
+  providers: [
+    { provide: NgbDateAdapter, useClass: DateAdapter },
+    { provide: RouteReuseStrategy, useClass: SimpleReuseStrategy },
+  ],
+
+})
+export class CmsModule {
+  static forChild(options: any = {}): ModuleWithProviders<CmsModule> {
+    return {
+      ngModule: CmsModule,
+      providers: [
+        {
+          provide: CMS_TOOLBAR_ACTION_CONTRIBUTORS,
+          useValue: options.toolbarActionContributors,
+        },
+      ],
+    };
+  }
+  static forLazy(options: any = {}): NgModuleFactory<CmsModule> {
+    return new LazyModuleFactory(CmsModule.forChild(options));
+  }
+}

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

@@ -0,0 +1,115 @@
+<div class="create-or-edit-entry-page" [formGroup]="_entity">
+    <div class="container ">
+        <div class="row">
+            <div class="col-md-8 ">
+                <div class="card  p-2">
+                    <div class="mb-2">
+                        <label class="form-label" for="title">{{'Cms::Title' | abpLocalization}}</label>
+                        <input type="text" class="form-control" (blur)="setTitleToSlugBlur($event)"
+                            formControlName="title">
+                    </div>
+                    <template #FormDynamicRef></template>
+                    <ng-container *ngFor="let item of entryTypesItem?.fieldTabs;let i =index">
+                        <ng-container *ngFor="let el of item.fields;let i1 =index">
+                            <ng-container *ngIf="el&&_entity">
+                                <df-dynamic [entity]="_entity" [fields]="el"
+                                    [selected]="entrySelect ? entrySelect.extraProperties[el.field.name] : ''"
+                                    [parentFiledName]="'extraProperties'" [culture]="cultureinput.value" ></df-dynamic>
+
+
+                            </ng-container>
+                        </ng-container>
+                    </ng-container>
+                </div>
+            </div>
+            <div class="col-md-4 ">
+                <div class="card mb-0 p-2">
+                    <div class="mb-2">
+                        <label class="form-label" for="slug">{{'Cms::Slug' | abpLocalization}}</label>
+                        <input type="text" class="form-control" formControlName="slug">
+                        <div class="text-danger invalid-feedback" *ngIf="sluginput.errors?.repetition">
+                            {{sluginput.errors?.repetition}}
+                        </div>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label" for="culture">{{'AbpUi::Languages' | abpLocalization}}</label>
+                        <select class="form-select" formControlName="culture">
+                            <ng-container *ngFor="let item of languagesList;let i =index">
+                                <option [value]="item.cultureName">{{item.displayName}}</option>
+                            </ng-container>
+                        </select>
+                        <input type="text" formControlName="culture_shadow"
+                            style="position: absolute;z-index: -1;opacity: 0;">
+                        <div class="text-danger invalid-feedback" *ngIf="culture_shadowInput.errors?.repetition">
+                            {{culture_shadowInput.errors?.repetition}}
+                        </div>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label" for="parentId">{{'Cms::ParentEntry' | abpLocalization}}</label>
+                        <select class="form-select" formControlName="parentId">
+                            <option value=""></option>
+                            <ng-container *ngFor="let item of entryTypesList;let i =index">
+                                <option [value]="item.id">{{item.displayName}}</option>
+                            </ng-container>
+                        </select>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label" for="publishTime">{{'Cms::PublishTime' | abpLocalization}}</label>
+                        <input type="datetime-local" class="form-control" step="1" formControlName="publishTime">
+                    </div>
+                    <div class="mb-2" *ngIf="isEdit">
+                        <label class="form-label" for="publishTime">{{'Cms::Version' | abpLocalization}}</label>
+                        <ul class="list-group">
+                            <ng-container *ngFor="let item of AllVersionsList">
+                                <li class="list-group-item flex-between">
+                                    <div>
+                                        {{item.initialVersionId?(item.creationTime| date: 'YYYY/MM/dd HH:m:s'):('Cms::InitialVersion' | abpLocalization)}}
+                                        <span class="badge text-bg-success ms-1"
+                                            *ngIf="item.isActivatedVersion">{{'Cms::IsActive' | abpLocalization}}</span>
+                                        <span class="badge text-bg-primary ms-1"
+                                            *ngIf="item.id === RevisionEntryId">{{'Cms::Editing' |
+                                            abpLocalization}}</span>
+                                    </div>
+                                    <div>
+                                        <div ngbDropdown class="d-inline-block">
+                                            <button type="button" class="btn btn-link-primary p-2 "
+                                                style="line-height: 0;" id="dropdownBasic1" ngbDropdownToggle>
+                                            </button>
+                                            <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
+                                                <button ngbDropdownItem type="button" *ngIf="!item.isActivatedVersion"
+                                                    (click)="ActivatedVersion(item.id)">
+                                                    <i class="fas fa-check me-1"></i>{{'Cms::IsActive' |
+                                                    abpLocalization}}
+                                                </button>
+                                                <button ngbDropdownItem type="button"
+                                                    routerLink="/cms/admin/entries/create"
+                                                    [queryParams]="{RevisionEntryId:item.id}">
+                                                    <i class="fas fa-plus me-1"></i>{{'Cms::NewVersion' |
+                                                    abpLocalization}}
+                                                </button>
+                                                <button ngbDropdownItem type="button" (click.stop)="toEditUrl(item.id)"
+                                                    *ngIf="item.id !== RevisionEntryId">
+                                                    <i class="fas fa-edit me-1"></i>{{'AbpUi::Edit' | abpLocalization}}
+                                                </button>
+                                                <button ngbDropdownItem type="button"
+                                                    (click.stop)="delectVersion(item.id)"
+                                                    *ngIf="item.initialVersionId&&!item.isActivatedVersion&&item.id !== RevisionEntryId">
+                                                    <i class="fas fa-trash me-1"></i>{{'AbpUi::Delete' |
+                                                    abpLocalization}}
+                                                </button>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                            </ng-container>
+                        </ul>
+                    </div>
+                    <div class="mb-2">
+                        <label class="form-label" for="versionNotes">{{'Cms::RevisionNotes' | abpLocalization}}</label>
+                        <textarea class="form-control" formControlName="versionNotes" rows="3"></textarea>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

package/src/lib/components/admin/entries/create-or-edit-entries.component.scss

@@ -0,0 +1,25 @@
+::ng-deep .create-or-edit-entry-page {
+    .dignite_page {
+        height: calc(100vh - 32px - 53px - 40px);
+        overflow: auto;
+        background: transparent;
+    }
+
+    .form-control,
+    .form-select {
+        padding: 0.475rem 1.25rem;
+    }
+    .cursor-move{
+        cursor: move;
+    }
+    .bordernNavs{
+        border: var(--bs-border-width) solid var(--lpx-border-color);
+        padding-left: inherit;
+        padding-right: inherit;
+    }
+    .flex-between{
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+    }
+}

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

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