mirror of https://github.com/abpframework/abp.git
mehmet-erim
6 years ago
33 changed files with 652 additions and 43 deletions
@ -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