mirror of https://github.com/abpframework/abp
parent
45ebb59a49
commit
2c2cd7c1aa
@ -1,4 +1,5 @@
|
||||
{
|
||||
"printWidth": 120,
|
||||
"singleQuote": true
|
||||
"singleQuote": true,
|
||||
"trailingComma": "all"
|
||||
}
|
||||
|
@ -0,0 +1,12 @@
|
||||
# This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
|
||||
# For additional information regarding the format and rule options, please see:
|
||||
# https://github.com/browserslist/browserslist#queries
|
||||
|
||||
# You can see what browsers were selected by your queries by running:
|
||||
# npx browserslist
|
||||
|
||||
> 0.5%
|
||||
last 2 versions
|
||||
Firefox ESR
|
||||
not dead
|
||||
not IE 9-11 # For IE 9-11 support, remove 'not'.
|
@ -0,0 +1,30 @@
|
||||
// @ts-check
|
||||
// Protractor configuration file, see link for more information
|
||||
// https://github.com/angular/protractor/blob/master/lib/config.ts
|
||||
|
||||
const { SpecReporter } = require('jasmine-spec-reporter');
|
||||
|
||||
/**
|
||||
* @type { import("protractor").Config }
|
||||
*/
|
||||
exports.config = {
|
||||
allScriptsTimeout: 11000,
|
||||
specs: ['./src/**/*.e2e-spec.ts'],
|
||||
capabilities: {
|
||||
browserName: 'chrome',
|
||||
},
|
||||
directConnect: true,
|
||||
baseUrl: 'http://localhost:4200/',
|
||||
framework: 'jasmine',
|
||||
jasmineNodeOpts: {
|
||||
showColors: true,
|
||||
defaultTimeoutInterval: 30000,
|
||||
print: function() {},
|
||||
},
|
||||
onPrepare() {
|
||||
require('ts-node').register({
|
||||
project: require('path').join(__dirname, './tsconfig.json'),
|
||||
});
|
||||
jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
|
||||
},
|
||||
};
|
@ -0,0 +1,28 @@
|
||||
import { AppPage } from './app.po';
|
||||
import { browser, logging } from 'protractor';
|
||||
|
||||
describe('workspace-project App', () => {
|
||||
let page: AppPage;
|
||||
|
||||
beforeEach(() => {
|
||||
page = new AppPage();
|
||||
});
|
||||
|
||||
it('should display welcome message', () => {
|
||||
page.navigateTo();
|
||||
expect(page.getTitleText()).toEqual('dev-app app is running!');
|
||||
});
|
||||
|
||||
afterEach(async () => {
|
||||
// Assert that there are no errors emitted from the browser
|
||||
const logs = await browser
|
||||
.manage()
|
||||
.logs()
|
||||
.get(logging.Type.BROWSER);
|
||||
expect(logs).not.toContain(
|
||||
jasmine.objectContaining({
|
||||
level: logging.Level.SEVERE,
|
||||
} as logging.Entry),
|
||||
);
|
||||
});
|
||||
});
|
@ -0,0 +1,11 @@
|
||||
import { browser, by, element } from 'protractor';
|
||||
|
||||
export class AppPage {
|
||||
navigateTo() {
|
||||
return browser.get(browser.baseUrl) as Promise<any>;
|
||||
}
|
||||
|
||||
getTitleText() {
|
||||
return element(by.css('app-root .content span')).getText() as Promise<string>;
|
||||
}
|
||||
}
|
@ -0,0 +1,9 @@
|
||||
{
|
||||
"extends": "../../../tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"outDir": "../../../out-tsc/e2e",
|
||||
"module": "commonjs",
|
||||
"target": "es5",
|
||||
"types": ["jasmine", "jasminewd2", "node"]
|
||||
}
|
||||
}
|
@ -0,0 +1,32 @@
|
||||
// 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-istanbul-reporter'),
|
||||
require('@angular-devkit/build-angular/plugins/karma'),
|
||||
],
|
||||
client: {
|
||||
clearContext: false, // leave Jasmine Spec Runner output visible in browser
|
||||
},
|
||||
coverageIstanbulReporter: {
|
||||
dir: require('path').join(__dirname, '../../coverage/dev-app'),
|
||||
reports: ['html', 'lcovonly', 'text-summary'],
|
||||
fixWebpackSourcePaths: true,
|
||||
},
|
||||
reporters: ['progress', 'kjhtml'],
|
||||
port: 9876,
|
||||
colors: true,
|
||||
logLevel: config.LOG_INFO,
|
||||
autoWatch: true,
|
||||
browsers: ['Chrome'],
|
||||
singleRun: false,
|
||||
restartOnFileChange: true,
|
||||
});
|
||||
};
|
@ -0,0 +1,34 @@
|
||||
import { ABP } from '@abp/ng.core';
|
||||
import { NgModule } from '@angular/core';
|
||||
import { RouterModule, Routes } from '@angular/router';
|
||||
|
||||
const routes: Routes = [
|
||||
{
|
||||
path: '',
|
||||
loadChildren: () => import('./home/home.module').then(m => m.HomeModule),
|
||||
data: {
|
||||
routes: {
|
||||
name: '::Menu:Home',
|
||||
} as ABP.Route,
|
||||
},
|
||||
},
|
||||
{
|
||||
path: 'account',
|
||||
loadChildren: () => import('./lazy-libs/account-wrapper.module').then(m => m.AccountWrapperModule),
|
||||
},
|
||||
{
|
||||
path: 'identity',
|
||||
loadChildren: () => import('./lazy-libs/identity-wrapper.module').then(m => m.IdentityWrapperModule),
|
||||
},
|
||||
{
|
||||
path: 'tenant-management',
|
||||
loadChildren: () =>
|
||||
import('./lazy-libs/tenant-management-wrapper.module').then(m => m.TenantManagementWrapperModule),
|
||||
},
|
||||
];
|
||||
|
||||
@NgModule({
|
||||
imports: [RouterModule.forRoot(routes)],
|
||||
exports: [RouterModule],
|
||||
})
|
||||
export class AppRoutingModule {}
|
@ -0,0 +1,10 @@
|
||||
import { Component } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-root',
|
||||
template: `
|
||||
<abp-loader-bar></abp-loader-bar>
|
||||
<router-outlet></router-outlet>
|
||||
`,
|
||||
})
|
||||
export class AppComponent {}
|
@ -0,0 +1,43 @@
|
||||
import { CoreModule } from '@abp/ng.core';
|
||||
import { LAYOUTS } from '@abp/ng.theme.basic';
|
||||
import { NgModule } from '@angular/core';
|
||||
import { BrowserModule } from '@angular/platform-browser';
|
||||
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
|
||||
import { NgxsReduxDevtoolsPluginModule } from '@ngxs/devtools-plugin';
|
||||
import { NgxsModule } from '@ngxs/store';
|
||||
import { OAuthModule } from 'angular-oauth2-oidc';
|
||||
import { environment } from '../environments/environment';
|
||||
import { AppRoutingModule } from './app-routing.module';
|
||||
import { AppComponent } from './app.component';
|
||||
import { SharedModule } from './shared/shared.module';
|
||||
import { ThemeSharedModule } from '@abp/ng.theme.shared';
|
||||
import { AccountConfigModule } from '@abp/ng.account.config';
|
||||
import { IdentityConfigModule } from '@abp/ng.identity.config';
|
||||
import { TenantManagementConfigModule } from '@abp/ng.tenant-management.config';
|
||||
|
||||
@NgModule({
|
||||
declarations: [AppComponent],
|
||||
imports: [
|
||||
CoreModule.forRoot({
|
||||
environment,
|
||||
requirements: {
|
||||
layouts: LAYOUTS,
|
||||
},
|
||||
}),
|
||||
ThemeSharedModule.forRoot(),
|
||||
AccountConfigModule.forRoot({ redirectUrl: '/' }),
|
||||
IdentityConfigModule,
|
||||
TenantManagementConfigModule,
|
||||
BrowserModule,
|
||||
BrowserAnimationsModule,
|
||||
AppRoutingModule,
|
||||
SharedModule,
|
||||
|
||||
OAuthModule.forRoot(),
|
||||
NgxsModule.forRoot([]),
|
||||
|
||||
NgxsReduxDevtoolsPluginModule.forRoot(),
|
||||
],
|
||||
bootstrap: [AppComponent],
|
||||
})
|
||||
export class AppModule {}
|
@ -0,0 +1,18 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { Routes, RouterModule } from '@angular/router';
|
||||
import { HomeComponent } from './home.component';
|
||||
import { ApplicationLayoutComponent } from '@abp/ng.theme.basic';
|
||||
|
||||
const routes: Routes = [
|
||||
{
|
||||
path: '',
|
||||
component: ApplicationLayoutComponent,
|
||||
children: [{ path: '', component: HomeComponent }],
|
||||
},
|
||||
];
|
||||
|
||||
@NgModule({
|
||||
imports: [RouterModule.forChild(routes)],
|
||||
exports: [RouterModule],
|
||||
})
|
||||
export class HomeRoutingModule {}
|
@ -0,0 +1,15 @@
|
||||
<div class="card">
|
||||
<div class="card-header">{{ '::Welcome' | abpLocalization }}</div>
|
||||
<div class="card-body">
|
||||
<p>
|
||||
{{ '::LongWelcomeMessage' | abpLocalization }}
|
||||
</p>
|
||||
<p *ngIf="!hasLoggedIn">
|
||||
<a routerLink="/account/login" [state]="{ redirectUrl: '/' }" class="btn btn-primary" role="button"
|
||||
><i class="fa fa-sign-in"></i>{{ 'AbpIdentity::Login' | abpLocalization }}</a
|
||||
>
|
||||
</p>
|
||||
<hr />
|
||||
<p class="text-right"><a href="https://abp.io?ref=tmpl" target="_blank">abp.io</a></p>
|
||||
</div>
|
||||
</div>
|
@ -0,0 +1,14 @@
|
||||
import { Component } from '@angular/core';
|
||||
import { OAuthService } from 'angular-oauth2-oidc';
|
||||
|
||||
@Component({
|
||||
selector: 'app-home',
|
||||
templateUrl: './home.component.html',
|
||||
})
|
||||
export class HomeComponent {
|
||||
get hasLoggedIn(): boolean {
|
||||
return this.oAuthService.hasValidAccessToken();
|
||||
}
|
||||
|
||||
constructor(private oAuthService: OAuthService) {}
|
||||
}
|
@ -0,0 +1,10 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { SharedModule } from '../shared/shared.module';
|
||||
import { HomeRoutingModule } from './home-routing.module';
|
||||
import { HomeComponent } from './home.component';
|
||||
|
||||
@NgModule({
|
||||
declarations: [HomeComponent],
|
||||
imports: [SharedModule, HomeRoutingModule],
|
||||
})
|
||||
export class HomeModule {}
|
@ -0,0 +1,7 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { AccountModule } from '@abp/ng.account';
|
||||
|
||||
@NgModule({
|
||||
imports: [AccountModule],
|
||||
})
|
||||
export class AccountWrapperModule {}
|
@ -0,0 +1,7 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { IdentityModule } from '@abp/ng.identity';
|
||||
|
||||
@NgModule({
|
||||
imports: [IdentityModule],
|
||||
})
|
||||
export class IdentityWrapperModule {}
|
@ -0,0 +1,7 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { TenantManagementModule } from '@abp/ng.tenant-management';
|
||||
|
||||
@NgModule({
|
||||
imports: [TenantManagementModule],
|
||||
})
|
||||
export class TenantManagementWrapperModule {}
|
@ -0,0 +1,14 @@
|
||||
import { CoreModule } from '@abp/ng.core';
|
||||
import { NgbDropdownModule } from '@ng-bootstrap/ng-bootstrap';
|
||||
import { NgModule } from '@angular/core';
|
||||
import { ThemeBasicModule } from '@abp/ng.theme.basic';
|
||||
import { ThemeSharedModule } from '@abp/ng.theme.shared';
|
||||
import { TableModule } from 'primeng/table';
|
||||
|
||||
@NgModule({
|
||||
declarations: [],
|
||||
imports: [CoreModule, ThemeSharedModule, ThemeBasicModule, TableModule, NgbDropdownModule],
|
||||
exports: [CoreModule, ThemeSharedModule, ThemeBasicModule, TableModule, NgbDropdownModule],
|
||||
providers: [],
|
||||
})
|
||||
export class SharedModule {}
|
@ -0,0 +1,25 @@
|
||||
export const environment = {
|
||||
production: true,
|
||||
hmr: false,
|
||||
application: {
|
||||
name: 'MyProjectName',
|
||||
logoUrl: '',
|
||||
},
|
||||
oAuthConfig: {
|
||||
issuer: 'https://localhost:44305',
|
||||
clientId: 'MyProjectName_App',
|
||||
dummyClientSecret: '1q2w3e*',
|
||||
scope: 'MyProjectName',
|
||||
showDebugInformation: true,
|
||||
oidc: false,
|
||||
requireHttps: true,
|
||||
},
|
||||
apis: {
|
||||
default: {
|
||||
url: 'https://localhost:44305',
|
||||
},
|
||||
},
|
||||
localization: {
|
||||
defaultResourceName: 'MyProjectName',
|
||||
},
|
||||
};
|
@ -0,0 +1,25 @@
|
||||
export const environment = {
|
||||
production: false,
|
||||
hmr: false,
|
||||
application: {
|
||||
name: 'MyProjectName',
|
||||
logoUrl: '',
|
||||
},
|
||||
oAuthConfig: {
|
||||
issuer: 'https://localhost:44305',
|
||||
clientId: 'MyProjectName_App',
|
||||
dummyClientSecret: '1q2w3e*',
|
||||
scope: 'MyProjectName',
|
||||
showDebugInformation: true,
|
||||
oidc: false,
|
||||
requireHttps: true,
|
||||
},
|
||||
apis: {
|
||||
default: {
|
||||
url: 'https://localhost:44305',
|
||||
},
|
||||
},
|
||||
localization: {
|
||||
defaultResourceName: 'MyProjectName',
|
||||
},
|
||||
};
|
After Width: | Height: | Size: 948 B |
@ -0,0 +1,13 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<title>DevApp</title>
|
||||
<base href="/" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<link rel="icon" type="image/x-icon" href="favicon.ico" />
|
||||
</head>
|
||||
<body>
|
||||
<app-root></app-root>
|
||||
</body>
|
||||
</html>
|
@ -0,0 +1,13 @@
|
||||
import { enableProdMode } from '@angular/core';
|
||||
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
|
||||
|
||||
import { AppModule } from './app/app.module';
|
||||
import { environment } from './environments/environment';
|
||||
|
||||
if (environment.production) {
|
||||
enableProdMode();
|
||||
}
|
||||
|
||||
platformBrowserDynamic()
|
||||
.bootstrapModule(AppModule)
|
||||
.catch(err => console.error(err));
|
@ -0,0 +1,62 @@
|
||||
/**
|
||||
* This file includes polyfills needed by Angular and is loaded before the app.
|
||||
* You can add your own extra polyfills to this file.
|
||||
*
|
||||
* This file is divided into 2 sections:
|
||||
* 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
|
||||
* 2. Application imports. Files imported after ZoneJS that should be loaded before your main
|
||||
* file.
|
||||
*
|
||||
* The current setup is for so-called "evergreen" browsers; the last versions of browsers that
|
||||
* automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
|
||||
* Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
|
||||
*
|
||||
* Learn more in https://angular.io/guide/browser-support
|
||||
*/
|
||||
|
||||
/***************************************************************************************************
|
||||
* BROWSER POLYFILLS
|
||||
*/
|
||||
|
||||
/** IE10 and IE11 requires the following for NgClass support on SVG elements */
|
||||
// import 'classlist.js'; // Run `npm install --save classlist.js`.
|
||||
|
||||
/**
|
||||
* Web Animations `@angular/platform-browser/animations`
|
||||
* Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
|
||||
* Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
|
||||
*/
|
||||
// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
|
||||
|
||||
/**
|
||||
* By default, zone.js will patch all possible macroTask and DomEvents
|
||||
* user can disable parts of macroTask/DomEvents patch by setting following flags
|
||||
* because those flags need to be set before `zone.js` being loaded, and webpack
|
||||
* will put import in the top of bundle, so user need to create a separate file
|
||||
* in this directory (for example: zone-flags.ts), and put the following flags
|
||||
* into that file, and then add the following code before importing zone.js.
|
||||
* import './zone-flags.ts';
|
||||
*
|
||||
* The flags allowed in zone-flags.ts are listed here.
|
||||
*
|
||||
* The following flags will work for all browsers.
|
||||
*
|
||||
* (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
|
||||
* (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
|
||||
* (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
|
||||
*
|
||||
* in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
|
||||
* with the following flag, it will bypass `zone.js` patch for IE/Edge
|
||||
*
|
||||
* (window as any).__Zone_enable_cross_context_check = true;
|
||||
*
|
||||
*/
|
||||
|
||||
/***************************************************************************************************
|
||||
* Zone JS is required by default for Angular itself.
|
||||
*/
|
||||
import 'zone.js/dist/zone'; // Included with Angular CLI.
|
||||
|
||||
/***************************************************************************************************
|
||||
* APPLICATION IMPORTS
|
||||
*/
|
@ -0,0 +1 @@
|
||||
/* You can add global styles to this file, and also import other style files */
|
@ -0,0 +1,14 @@
|
||||
// This file is required by karma.conf.js and loads recursively all the .spec and framework files
|
||||
|
||||
import 'zone.js/dist/zone-testing';
|
||||
import { getTestBed } from '@angular/core/testing';
|
||||
import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
|
||||
|
||||
declare const require: any;
|
||||
|
||||
// First, initialize the Angular testing environment.
|
||||
getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting());
|
||||
// Then we find all the tests.
|
||||
const context = require.context('./', true, /\.spec\.ts$/);
|
||||
// And load the modules.
|
||||
context.keys().map(context);
|
@ -0,0 +1,38 @@
|
||||
{
|
||||
"extends": "../../tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"outDir": "../../out-tsc/app",
|
||||
"types": [],
|
||||
"paths": {
|
||||
"@abp/ng.core": ["packages/core/src/public-api.ts"],
|
||||
"@abp/ng.core/*": ["packages/core/src/lib/*"],
|
||||
// "@abp/ng.theme.shared": ["packages/theme-shared/src/public-api.ts"],
|
||||
// "@abp/ng.theme.shared/*": ["packages/theme-shared/src/lib/*"],
|
||||
"@abp/ng.theme.basic": ["packages/theme-basic/src/public-api.ts"],
|
||||
"@abp/ng.theme.basic/*": ["packages/theme-basic/src/lib/*"],
|
||||
"@abp/ng.account": ["packages/account/src/public-api.ts"],
|
||||
"@abp/ng.account/*": ["packages/account/src/lib/*"],
|
||||
"@abp/ng.account.config": ["packages/account-config/src/public-api.ts"],
|
||||
"@abp/ng.account.config/*": ["packages/account-config/src/lib/*"],
|
||||
"@abp/ng.identity": ["packages/identity/src/public-api.ts"],
|
||||
"@abp/ng.identity/*": ["packages/identity/src/lib/*"],
|
||||
"@abp/ng.identity.config": ["packages/identity-config/src/public-api.ts"],
|
||||
"@abp/ng.identity.config/*": ["packages/identity-config/src/lib/*"],
|
||||
"@abp/ng.tenant-management": ["packages/tenant-management/src/public-api.ts"],
|
||||
"@abp/ng.tenant-management/*": ["packages/tenant-management/src/lib/*"],
|
||||
"@abp/ng.tenant-management.config": ["packages/tenant-management-config/src/public-api.ts"],
|
||||
"@abp/ng.tenant-management.config/*": ["packages/tenant-management-config/src/lib/*"],
|
||||
"@abp/ng.setting-management": ["packages/setting-management/src/public-api.ts"],
|
||||
"@abp/ng.setting-management/*": ["packages/setting-management/src/lib/*"],
|
||||
"@abp/ng.setting-management.config": ["packages/setting-management-config/src/public-api.ts"],
|
||||
"@abp/ng.setting-management.config/*": ["packages/setting-management-config/src/lib/*"],
|
||||
"@abp/ng.permission-management": ["packages/permission-management/src/public-api.ts"],
|
||||
"@abp/ng.permission-management/*": ["packages/permission-management/src/lib/*"],
|
||||
"@abp/ng.feature-management": ["packages/feature-management/src/public-api.ts"],
|
||||
"@abp/ng.feature-management/*": ["packages/feature-management/src/lib/*"]
|
||||
}
|
||||
},
|
||||
"files": ["src/main.ts", "src/polyfills.ts"],
|
||||
"include": ["src/**/*.ts"],
|
||||
"exclude": ["src/test.ts", "src/**/*.spec.ts"]
|
||||
}
|
@ -0,0 +1,9 @@
|
||||
{
|
||||
"extends": "../../tsconfig.json",
|
||||
"compilerOptions": {
|
||||
"outDir": "../../out-tsc/spec",
|
||||
"types": ["jasmine", "node"]
|
||||
},
|
||||
"files": ["src/test.ts", "src/polyfills.ts"],
|
||||
"include": ["src/**/*.spec.ts", "src/**/*.d.ts"]
|
||||
}
|
@ -0,0 +1,7 @@
|
||||
{
|
||||
"extends": "../../tslint.json",
|
||||
"rules": {
|
||||
"directive-selector": [true, "attribute", "app", "camelCase"],
|
||||
"component-selector": [true, "element", "app", "kebab-case"]
|
||||
}
|
||||
}
|
Loading…
Reference in new issue