feat(srcgen): Update "web-page+frame" template for rucken@2.0.0

Author: EndyKaufman

srcgen/web-page+frame/%app.folder%/src/app/components/pages/%page.name%-page/%frame.name%-frame/%frame.name%-frame.component.html

@@ -0,0 +1,5 @@
+<div class="container-fluid">
+  <h3 class="page-header">
+    {{ (activatedRoute.parent.parent.data | async)?.title | translate}}: {{(activatedRoute.data | async)?.title | translate}}
+  </h3>
+</div>

srcgen/web-page+frame/%app.folder%/src/app/components/pages/%page.name%-page/%frame.name%-frame/%frame.name%-frame.component.ts

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { environment } from '../../../../../environments/environment';
+
+@Component({
+  selector: '<%=frame.name%>-frame',
+  templateUrl: './<%=frame.name%>-frame.component.html'
+})
+export class <%=frame.classPrefix%>FrameComponent {
+
+  apiUrl = environment.apiUrl;
+
+  constructor(
+    public activatedRoute: ActivatedRoute
+  ) {
+  }
+}

…name%-frame/%frame.name%-frame.module.ts …name%-frame/%frame.name%-frame.module.tssrcgen/web-page+frame/%app.folder%/src/app/pages/%page.name%-page/%frame.name%-frame/%frame.name%-frame.module.ts renamed to srcgen/web-page+frame/%app.folder%/src/app/components/pages/%page.name%-page/%frame.name%-frame/%frame.name%-frame.module.ts srcgen/web-page+frame/%app.folder%/src/app/pages/%page.name%-page/%frame.name%-frame/%frame.name%-frame.module.ts renamed to srcgen/web-page+frame/%app.folder%/src/app/components/pages/%page.name%-page/%frame.name%-frame/%frame.name%-frame.module.ts

@@ -1,21 +1,21 @@
 import { ModuleWithProviders, NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
-import { RuckenWebPipes, SharedModule, PipesModule } from '@rucken/web';
-import { PageHeaderModule } from '@rucken/web';
-
+import { SharedModule } from '../../../../shared/shared.module';
 import { <%=frame.classPrefix%>FrameComponent } from './<%=frame.name%>-frame.component';
 import { <%=frame.classPrefix%>FrameRoutes } from './<%=frame.name%>-frame.routes';
+import { NgxPermissionsModule } from 'ngx-permissions';
 
 @NgModule({
   imports: [
-    SharedModule.forRoot(),
-    PageHeaderModule.forRoot(),
-    PipesModule.forRoot(),
-    RouterModule.forChild(<%=frame.classPrefix%>FrameRoutes)
+    SharedModule,
+    NgxPermissionsModule.forChild(),
+    RouterModule.forChild(<%=frame.classPrefix%>FrameRoutes),
+    FormsModule
   ],
-  declarations: [<%=frame.classPrefix%>FrameComponent],
-  exports: [<%=frame.classPrefix%>FrameComponent],
-  entryComponents: [<%=frame.classPrefix%>FrameComponent]
+  declarations: [
+    <%=frame.classPrefix%>FrameComponent
+  ]
 })
 export class <%=frame.classPrefix%>FrameModule {
   static forRoot(): ModuleWithProviders {

…name%-frame/%frame.name%-frame.routes.ts …name%-frame/%frame.name%-frame.routes.tssrcgen/web-page+frame/%app.folder%/src/app/pages/%page.name%-page/%frame.name%-frame/%frame.name%-frame.routes.ts renamed to srcgen/web-page+frame/%app.folder%/src/app/components/pages/%page.name%-page/%frame.name%-frame/%frame.name%-frame.routes.ts srcgen/web-page+frame/%app.folder%/src/app/pages/%page.name%-page/%frame.name%-frame/%frame.name%-frame.routes.ts renamed to srcgen/web-page+frame/%app.folder%/src/app/components/pages/%page.name%-page/%frame.name%-frame/%frame.name%-frame.routes.ts

@@ -1,15 +1,17 @@
 import { translate } from '@rucken/core';
-import { AuthGuardService } from '@rucken/web';
-
+import { NgxPermissionsGuard } from 'ngx-permissions';
 import { <%=frame.classPrefix%>FrameComponent } from './<%=frame.name%>-frame.component';
+import { environment } from '../../../../../environments/environment';
 
 export const <%=frame.classPrefix%>FrameRoutes = [{
   path: '',
   component: <%=frame.classPrefix%>FrameComponent,
   data: {
     name: '<%=frame.name%>',
     title: translate('<%=frame.title%>'),
-    visible: true
+    permissions: {
+      only: 'read_<%=frame.name%>-frame'
+    }
   },
-  canActivate: [AuthGuardService]
+  ...(environment.server ? {} : { canActivate: [NgxPermissionsGuard] })
 }];

srcgen/web-page+frame/%app.folder%/src/app/components/pages/%page.name%-page/%page.name%-page.children-routes.ts

@@ -0,0 +1,10 @@
+import { <%=frame.classPrefix%>FrameRoutes } from './<%=frame.name%>-frame/<%=frame.name%>-frame.routes';
+
+export const <%=page.classPrefix%>PageChildrenRoutes = [
+  { path: '', redirectTo: '/<%=frame.name%>/<%=frame.name%>', pathMatch: 'full' },
+  {
+    path: '<%=frame.name%>',
+    loadChildren: './<%=frame.name%>-frame/<%=frame.name%>-frame.module#<%=frame.classPrefix%>FrameModule',
+    data: <%=frame.classPrefix%>FrameRoutes[0].data
+  }
+];

srcgen/web-page+frame/%app.folder%/src/app/components/pages/%page.name%-page/%page.name%-page.component.html

@@ -0,0 +1,10 @@
+<div class="container-fluid">
+  <div class="row">
+    <div class="col-sm-3 col-md-2">
+      <nav-sidebar parentUrl="/<%=page.name%>" [routes]="routes"></nav-sidebar>
+    </div>
+    <div class="col-sm-9 col-md-10">
+      <router-outlet></router-outlet>
+    </div>
+  </div>
+</div>

srcgen/web-page+frame/%app.folder%/src/app/components/pages/%page.name%-page/%page.name%-page.component.ts

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+import { <%=page.classPrefix%>PageChildrenRoutes } from './<%=page.name%>-page.children-routes';
+
+@Component({
+  selector: '<%=page.name%>-page',
+  templateUrl: './<%=page.name%>-page.component.html'
+})
+export class <%=page.classPrefix%>PageComponent {
+
+  routes = <%=page.classPrefix%>PageChildrenRoutes;
+
+  constructor(
+    public activatedRoute: ActivatedRoute
+  ) {
+  }
+}

srcgen/web-page+frame/%app.folder%/src/app/components/pages/%page.name%-page/%page.name%-page.module.ts

@@ -0,0 +1,27 @@
+import { ModuleWithProviders, NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { NavSidebarModule } from '@rucken/web';
+import { SharedModule } from '../../../shared/shared.module';
+import { <%=page.classPrefix%>PageComponent } from './<%=page.name%>-page.component';
+import { <%=page.classPrefix%>PageRoutes } from './<%=page.name%>-page.routes';
+import { NgxPermissionsModule } from 'ngx-permissions';
+
+@NgModule({
+  imports: [
+    SharedModule,
+    NgxPermissionsModule.forChild(),
+    NavSidebarModule,
+    RouterModule.forChild(<%=page.classPrefix%>PageRoutes)
+  ],
+  declarations: [
+    <%=page.classPrefix%>PageComponent
+  ]
+})
+export class <%=page.classPrefix%>PageModule {
+  static forRoot(): ModuleWithProviders {
+    return {
+      ngModule: <%=page.classPrefix%>PageModule,
+      providers: []
+    };
+  }
+}

srcgen/web-page+frame/%app.folder%/src/app/components/pages/%page.name%-page/%page.name%-page.routes.ts

@@ -0,0 +1,19 @@
+import { translate } from '@rucken/core';
+import { NgxPermissionsGuard } from 'ngx-permissions';
+import { <%=page.classPrefix%>PageChildrenRoutes } from './<%=page.name%>-page.children-routes';
+import { <%=page.classPrefix%>PageComponent } from './<%=page.name%>-page.component';
+import { environment } from '../../../../environments/environment';
+
+export const <%=page.classPrefix%>PageRoutes = [{
+  path: '',
+  component: <%=page.classPrefix%>PageComponent,
+  data: {
+    name: '<%=page.name%>',
+    title: translate('<%=page.title%>'),
+    permissions: {
+      only: 'read_<%=page.name%>-page'
+    }
+  },
+  ...(environment.server ? {} : { canActivate: [NgxPermissionsGuard] }),
+  children: <%=page.classPrefix%>PageChildrenRoutes
+}];