mirror of https://github.com/EasyAbp/EShop.git
gdlcf88
6 years ago
35 changed files with 955 additions and 0 deletions
@ -0,0 +1,13 @@ |
|||||
|
# Editor configuration, see https://editorconfig.org |
||||
|
root = true |
||||
|
|
||||
|
[*] |
||||
|
charset = utf-8 |
||||
|
indent_style = space |
||||
|
indent_size = 2 |
||||
|
insert_final_newline = true |
||||
|
trim_trailing_whitespace = true |
||||
|
|
||||
|
[*.md] |
||||
|
max_line_length = off |
||||
|
trim_trailing_whitespace = false |
||||
@ -0,0 +1,48 @@ |
|||||
|
# See http://help.github.com/ignore-files/ for more about ignoring files. |
||||
|
|
||||
|
# compiled output |
||||
|
/dist |
||||
|
/tmp |
||||
|
/out-tsc |
||||
|
# Only exists if Bazel was run |
||||
|
/bazel-out |
||||
|
|
||||
|
# dependencies |
||||
|
/node_modules |
||||
|
|
||||
|
# profiling files |
||||
|
chrome-profiler-events*.json |
||||
|
speed-measure-plugin*.json |
||||
|
|
||||
|
# IDEs and editors |
||||
|
/.idea |
||||
|
.project |
||||
|
.classpath |
||||
|
.c9/ |
||||
|
*.launch |
||||
|
.settings/ |
||||
|
*.sublime-workspace |
||||
|
|
||||
|
# IDE - VSCode |
||||
|
.vscode/* |
||||
|
!.vscode/settings.json |
||||
|
!.vscode/tasks.json |
||||
|
!.vscode/launch.json |
||||
|
!.vscode/extensions.json |
||||
|
.history/* |
||||
|
|
||||
|
# misc |
||||
|
/.sass-cache |
||||
|
/connect.lock |
||||
|
/coverage |
||||
|
/libpeerconnection.log |
||||
|
npm-debug.log |
||||
|
yarn-error.log |
||||
|
testem.log |
||||
|
/typings |
||||
|
|
||||
|
# System Files |
||||
|
.DS_Store |
||||
|
Thumbs.db |
||||
|
|
||||
|
yarn.lock |
||||
@ -0,0 +1,4 @@ |
|||||
|
{ |
||||
|
"singleQuote": true, |
||||
|
"printWidth": 100 |
||||
|
} |
||||
@ -0,0 +1,8 @@ |
|||||
|
{ |
||||
|
"recommendations": [ |
||||
|
"angular.ng-template", |
||||
|
"esbenp.prettier-vscode", |
||||
|
"ms-vscode.vscode-typescript-tslint-plugin", |
||||
|
"visualstudioexptteam.vscodeintellicode" |
||||
|
] |
||||
|
} |
||||
@ -0,0 +1,27 @@ |
|||||
|
# EasyMall |
||||
|
|
||||
|
This is a startup project based on the ABP framework. For more information, visit <a href="https://abp.io/" target="_blank">abp.io</a> |
||||
|
|
||||
|
## Development server |
||||
|
|
||||
|
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files. |
||||
|
|
||||
|
## Code scaffolding |
||||
|
|
||||
|
Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`. |
||||
|
|
||||
|
## Build |
||||
|
|
||||
|
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build. |
||||
|
|
||||
|
## Running unit tests |
||||
|
|
||||
|
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io). |
||||
|
|
||||
|
## Running end-to-end tests |
||||
|
|
||||
|
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/). |
||||
|
|
||||
|
## Further help |
||||
|
|
||||
|
To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md). |
||||
@ -0,0 +1,151 @@ |
|||||
|
{ |
||||
|
"$schema": "./node_modules/@angular/cli/lib/config/schema.json", |
||||
|
"version": 1, |
||||
|
"newProjectRoot": "projects", |
||||
|
"projects": { |
||||
|
"EasyMall": { |
||||
|
"projectType": "application", |
||||
|
"schematics": { |
||||
|
"@schematics/angular:component": { |
||||
|
"style": "scss" |
||||
|
} |
||||
|
}, |
||||
|
"root": "", |
||||
|
"sourceRoot": "src", |
||||
|
"prefix": "app", |
||||
|
"architect": { |
||||
|
"build": { |
||||
|
"builder": "@angular-devkit/build-angular:browser", |
||||
|
"options": { |
||||
|
"outputPath": "dist/EasyMall", |
||||
|
"index": "src/index.html", |
||||
|
"main": "src/main.ts", |
||||
|
"polyfills": "src/polyfills.ts", |
||||
|
"tsConfig": "tsconfig.app.json", |
||||
|
"aot": true, |
||||
|
"extractCss": true, |
||||
|
"assets": ["src/favicon.ico", "src/assets"], |
||||
|
"styles": [ |
||||
|
{ |
||||
|
"input": "node_modules/bootstrap/dist/css/bootstrap.min.css", |
||||
|
"inject": true, |
||||
|
"bundleName": "bootstrap.min" |
||||
|
}, |
||||
|
"src/styles.scss", |
||||
|
{ |
||||
|
"input": "node_modules/@fortawesome/fontawesome-free/css/all.min.css", |
||||
|
"inject": false, |
||||
|
"bundleName": "fontawesome-all.min" |
||||
|
}, |
||||
|
{ |
||||
|
"input": "node_modules/@fortawesome/fontawesome-free/css/v4-shims.min.css", |
||||
|
"inject": false, |
||||
|
"bundleName": "fontawesome-v4-shims.min" |
||||
|
} |
||||
|
], |
||||
|
"scripts": [] |
||||
|
}, |
||||
|
"configurations": { |
||||
|
"production": { |
||||
|
"fileReplacements": [ |
||||
|
{ |
||||
|
"replace": "src/environments/environment.ts", |
||||
|
"with": "src/environments/environment.prod.ts" |
||||
|
} |
||||
|
], |
||||
|
"optimization": true, |
||||
|
"outputHashing": "all", |
||||
|
"sourceMap": false, |
||||
|
"extractCss": true, |
||||
|
"namedChunks": false, |
||||
|
"extractLicenses": true, |
||||
|
"vendorChunk": false, |
||||
|
"buildOptimizer": true, |
||||
|
"budgets": [ |
||||
|
{ |
||||
|
"type": "initial", |
||||
|
"maximumWarning": "2mb", |
||||
|
"maximumError": "5mb" |
||||
|
}, |
||||
|
{ |
||||
|
"type": "anyComponentStyle", |
||||
|
"maximumWarning": "6kb", |
||||
|
"maximumError": "10kb" |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
"serve": { |
||||
|
"builder": "@angular-devkit/build-angular:dev-server", |
||||
|
"options": { |
||||
|
"browserTarget": "EasyMall:build" |
||||
|
}, |
||||
|
"configurations": { |
||||
|
"production": { |
||||
|
"browserTarget": "EasyMall:build:production" |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
"extract-i18n": { |
||||
|
"builder": "@angular-devkit/build-angular:extract-i18n", |
||||
|
"options": { |
||||
|
"browserTarget": "EasyMall:build" |
||||
|
} |
||||
|
}, |
||||
|
"test": { |
||||
|
"builder": "@angular-devkit/build-angular:karma", |
||||
|
"options": { |
||||
|
"main": "src/test.ts", |
||||
|
"polyfills": "src/polyfills.ts", |
||||
|
"tsConfig": "tsconfig.spec.json", |
||||
|
"karmaConfig": "karma.conf.js", |
||||
|
"assets": ["src/favicon.ico", "src/assets"], |
||||
|
"styles": [ |
||||
|
{ |
||||
|
"input": "node_modules/bootstrap/dist/css/bootstrap.min.css", |
||||
|
"inject": true, |
||||
|
"bundleName": "bootstrap.min" |
||||
|
}, |
||||
|
"src/styles.scss", |
||||
|
{ |
||||
|
"input": "node_modules/@fortawesome/fontawesome-free/css/all.min.css", |
||||
|
"inject": false, |
||||
|
"bundleName": "fontawesome-all.min" |
||||
|
}, |
||||
|
{ |
||||
|
"input": "node_modules/@fortawesome/fontawesome-free/css/v4-shims.min.css", |
||||
|
"inject": false, |
||||
|
"bundleName": "fontawesome-v4-shims.min" |
||||
|
} |
||||
|
], |
||||
|
"scripts": [] |
||||
|
} |
||||
|
}, |
||||
|
"lint": { |
||||
|
"builder": "@angular-devkit/build-angular:tslint", |
||||
|
"options": { |
||||
|
"tsConfig": ["tsconfig.app.json", "tsconfig.spec.json", "e2e/tsconfig.json"], |
||||
|
"exclude": ["**/node_modules/**"] |
||||
|
} |
||||
|
}, |
||||
|
"e2e": { |
||||
|
"builder": "@angular-devkit/build-angular:protractor", |
||||
|
"options": { |
||||
|
"protractorConfig": "e2e/protractor.conf.js", |
||||
|
"devServerTarget": "EasyMall:serve" |
||||
|
}, |
||||
|
"configurations": { |
||||
|
"production": { |
||||
|
"devServerTarget": "EasyMall:serve:production" |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
"defaultProject": "EasyMall", |
||||
|
"cli": { |
||||
|
"analytics": false |
||||
|
} |
||||
|
} |
||||
@ -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,32 @@ |
|||||
|
// @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,23 @@ |
|||||
|
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('ng9-abp 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(): Promise<unknown> { |
||||
|
return browser.get(browser.baseUrl) as Promise<unknown>; |
||||
|
} |
||||
|
|
||||
|
getTitleText(): Promise<string> { |
||||
|
return element(by.css('app-root .content span')).getText() as Promise<string>; |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,13 @@ |
|||||
|
{ |
||||
|
"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/ng9-abp'), |
||||
|
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,55 @@ |
|||||
|
{ |
||||
|
"name": "EasyMall", |
||||
|
"version": "0.0.0", |
||||
|
"scripts": { |
||||
|
"ng": "ng", |
||||
|
"start": "ng serve --open", |
||||
|
"build": "ng build", |
||||
|
"test": "ng test", |
||||
|
"lint": "ng lint", |
||||
|
"e2e": "ng e2e" |
||||
|
}, |
||||
|
"private": true, |
||||
|
"dependencies": { |
||||
|
"@abp/ng.account": "~2.8.0", |
||||
|
"@abp/ng.identity": "~2.8.0", |
||||
|
"@abp/ng.setting-management": "~2.8.0", |
||||
|
"@abp/ng.tenant-management": "~2.8.0", |
||||
|
"@abp/ng.theme.basic": "~2.8.0", |
||||
|
"@angular/animations": "~9.1.0", |
||||
|
"@angular/common": "~9.1.0", |
||||
|
"@angular/compiler": "~9.1.0", |
||||
|
"@angular/core": "~9.1.0", |
||||
|
"@angular/forms": "~9.1.0", |
||||
|
"@angular/platform-browser": "~9.1.0", |
||||
|
"@angular/platform-browser-dynamic": "~9.1.0", |
||||
|
"@angular/router": "~9.1.0", |
||||
|
"rxjs": "~6.5.4", |
||||
|
"tslib": "^1.10.0", |
||||
|
"zone.js": "~0.10.2" |
||||
|
}, |
||||
|
"devDependencies": { |
||||
|
"@angular-devkit/build-angular": "~0.901.0", |
||||
|
"@angular-devkit/build-ng-packagr": "~0.901.0", |
||||
|
"@angular/cli": "~9.1.0", |
||||
|
"@angular/compiler-cli": "~9.1.0", |
||||
|
"@angular/language-service": "~9.1.0", |
||||
|
"@ngxs/logger-plugin": "^3.6.2", |
||||
|
"@types/jasmine": "~3.5.0", |
||||
|
"@types/jasminewd2": "~2.0.3", |
||||
|
"@types/node": "^12.11.1", |
||||
|
"codelyzer": "^5.1.2", |
||||
|
"jasmine-core": "~3.5.0", |
||||
|
"jasmine-spec-reporter": "~4.2.1", |
||||
|
"karma": "~4.4.1", |
||||
|
"karma-chrome-launcher": "~3.1.0", |
||||
|
"karma-coverage-istanbul-reporter": "~2.1.0", |
||||
|
"karma-jasmine": "~3.0.1", |
||||
|
"karma-jasmine-html-reporter": "^1.4.2", |
||||
|
"ng-packagr": "^9.0.0", |
||||
|
"protractor": "~5.4.3", |
||||
|
"ts-node": "~8.3.0", |
||||
|
"tslint": "~6.1.0", |
||||
|
"typescript": "~3.8.3" |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,37 @@ |
|||||
|
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('@abp/ng.account').then(m => m.AccountModule) |
||||
|
}, |
||||
|
{ |
||||
|
path: 'identity', |
||||
|
loadChildren: () => import('@abp/ng.identity').then(m => m.IdentityModule) |
||||
|
}, |
||||
|
{ |
||||
|
path: 'tenant-management', |
||||
|
loadChildren: () => import('@abp/ng.tenant-management').then(m => m.TenantManagementModule) |
||||
|
}, |
||||
|
{ |
||||
|
path: 'setting-management', |
||||
|
loadChildren: () => import('@abp/ng.setting-management').then(m => m.SettingManagementModule) |
||||
|
} |
||||
|
]; |
||||
|
|
||||
|
@NgModule({ |
||||
|
imports: [RouterModule.forRoot(routes)], |
||||
|
exports: [RouterModule] |
||||
|
}) |
||||
|
export class AppRoutingModule {} |
||||
@ -0,0 +1,25 @@ |
|||||
|
import { LazyLoadService, LOADING_STRATEGY } from '@abp/ng.core'; |
||||
|
import { Component, OnInit } from '@angular/core'; |
||||
|
import { forkJoin } from 'rxjs'; |
||||
|
|
||||
|
@Component({ |
||||
|
selector: 'app-root', |
||||
|
template: ` |
||||
|
<abp-loader-bar></abp-loader-bar> |
||||
|
<router-outlet></router-outlet> |
||||
|
`,
|
||||
|
}) |
||||
|
export class AppComponent implements OnInit { |
||||
|
constructor(private lazyLoadService: LazyLoadService) {} |
||||
|
|
||||
|
ngOnInit() { |
||||
|
forkJoin( |
||||
|
this.lazyLoadService.load( |
||||
|
LOADING_STRATEGY.PrependAnonymousStyleToHead('fontawesome-v4-shims.min.css') |
||||
|
), |
||||
|
this.lazyLoadService.load( |
||||
|
LOADING_STRATEGY.PrependAnonymousStyleToHead('fontawesome-all.min.css') |
||||
|
) |
||||
|
).subscribe(); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,39 @@ |
|||||
|
import { AccountConfigModule } from '@abp/ng.account.config'; |
||||
|
import { CoreModule } from '@abp/ng.core'; |
||||
|
import { IdentityConfigModule } from '@abp/ng.identity.config'; |
||||
|
import { SettingManagementConfigModule } from '@abp/ng.setting-management.config'; |
||||
|
import { TenantManagementConfigModule } from '@abp/ng.tenant-management.config'; |
||||
|
import { ThemeSharedModule } from '@abp/ng.theme.shared'; |
||||
|
import { NgModule } from '@angular/core'; |
||||
|
import { BrowserModule } from '@angular/platform-browser'; |
||||
|
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; |
||||
|
import { NgxsLoggerPluginModule } from '@ngxs/logger-plugin'; |
||||
|
import { NgxsModule } from '@ngxs/store'; |
||||
|
import { environment } from '../environments/environment'; |
||||
|
import { AppRoutingModule } from './app-routing.module'; |
||||
|
import { AppComponent } from './app.component'; |
||||
|
import { SharedModule } from './shared/shared.module'; |
||||
|
|
||||
|
const LOGGERS = [NgxsLoggerPluginModule.forRoot({ disabled: false })]; |
||||
|
|
||||
|
@NgModule({ |
||||
|
imports: [ |
||||
|
BrowserModule, |
||||
|
BrowserAnimationsModule, |
||||
|
AppRoutingModule, |
||||
|
CoreModule.forRoot({ |
||||
|
environment, |
||||
|
}), |
||||
|
ThemeSharedModule.forRoot(), |
||||
|
AccountConfigModule.forRoot({ redirectUrl: '/' }), |
||||
|
IdentityConfigModule, |
||||
|
TenantManagementConfigModule, |
||||
|
SettingManagementConfigModule, |
||||
|
NgxsModule.forRoot(), |
||||
|
SharedModule, |
||||
|
...(environment.production ? [] : LOGGERS), |
||||
|
], |
||||
|
declarations: [AppComponent], |
||||
|
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,20 @@ |
|||||
|
<div id="AbpContentToolbar"></div> |
||||
|
<div class="jumbotron text-center"> |
||||
|
<h1>{{ '::Welcome' | abpLocalization }}</h1> |
||||
|
<div class="row"> |
||||
|
<div class="col-md-6 mx-auto"> |
||||
|
<p>{{ '::LongWelcomeMessage' | abpLocalization }}</p> |
||||
|
<hr class="my-4" /> |
||||
|
</div> |
||||
|
</div> |
||||
|
<a href="https://abp.io?ref=tmpl" target="_blank" class="btn btn-primary px-4">abp.io</a> |
||||
|
<a |
||||
|
*ngIf="!hasLoggedIn" |
||||
|
routerLink="/account/login" |
||||
|
[state]="{ redirectUrl: '/' }" |
||||
|
class="px-4 btn btn-primary ml-1" |
||||
|
role="button" |
||||
|
id="login-button" |
||||
|
><i class="fa fa-sign-in"></i> {{ 'AbpAccount::Login' | abpLocalization }}</a |
||||
|
> |
||||
|
</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,26 @@ |
|||||
|
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 { NgxValidateCoreModule } from '@ngx-validate/core'; |
||||
|
|
||||
|
@NgModule({ |
||||
|
declarations: [], |
||||
|
imports: [ |
||||
|
CoreModule, |
||||
|
ThemeSharedModule, |
||||
|
ThemeBasicModule, |
||||
|
NgbDropdownModule, |
||||
|
NgxValidateCoreModule |
||||
|
], |
||||
|
exports: [ |
||||
|
CoreModule, |
||||
|
ThemeSharedModule, |
||||
|
ThemeBasicModule, |
||||
|
NgbDropdownModule, |
||||
|
NgxValidateCoreModule |
||||
|
], |
||||
|
providers: [] |
||||
|
}) |
||||
|
export class SharedModule {} |
||||
@ -0,0 +1,24 @@ |
|||||
|
export const environment = { |
||||
|
production: true, |
||||
|
application: { |
||||
|
name: 'EasyMall', |
||||
|
logoUrl: '', |
||||
|
}, |
||||
|
oAuthConfig: { |
||||
|
issuer: 'https://localhost:44340', |
||||
|
clientId: 'EasyMall_App', |
||||
|
dummyClientSecret: '1q2w3e*', |
||||
|
scope: 'EasyMall', |
||||
|
showDebugInformation: true, |
||||
|
oidc: false, |
||||
|
requireHttps: true, |
||||
|
}, |
||||
|
apis: { |
||||
|
default: { |
||||
|
url: 'https://localhost:44340', |
||||
|
}, |
||||
|
}, |
||||
|
localization: { |
||||
|
defaultResourceName: 'EasyMall', |
||||
|
}, |
||||
|
}; |
||||
@ -0,0 +1,24 @@ |
|||||
|
export const environment = { |
||||
|
production: false, |
||||
|
application: { |
||||
|
name: 'EasyMall', |
||||
|
logoUrl: '', |
||||
|
}, |
||||
|
oAuthConfig: { |
||||
|
issuer: 'https://localhost:44340', |
||||
|
clientId: 'EasyMall_App', |
||||
|
dummyClientSecret: '1q2w3e*', |
||||
|
scope: 'EasyMall', |
||||
|
showDebugInformation: true, |
||||
|
oidc: false, |
||||
|
requireHttps: true, |
||||
|
}, |
||||
|
apis: { |
||||
|
default: { |
||||
|
url: 'https://localhost:44340', |
||||
|
}, |
||||
|
}, |
||||
|
localization: { |
||||
|
defaultResourceName: 'EasyMall', |
||||
|
}, |
||||
|
}; |
||||
|
After Width: | Height: | Size: 101 KiB |
@ -0,0 +1,16 @@ |
|||||
|
<!DOCTYPE html> |
||||
|
<html lang="en"> |
||||
|
<head> |
||||
|
<meta charset="utf-8" /> |
||||
|
<title>EasyMall</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 class="bg-light"> |
||||
|
<app-root> |
||||
|
<div class="donut centered"></div> |
||||
|
</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,67 @@ |
|||||
|
/*************************************************************************************************** |
||||
|
* Load `$localize` onto the global scope - used if i18n tags appear in Angular templates. |
||||
|
*/ |
||||
|
import '@angular/localize/init'; |
||||
|
/** |
||||
|
* 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'; |
||||
|
* |
||||
|
* 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,26 @@ |
|||||
|
/* You can add global styles to this file, and also import other style files */ |
||||
|
|
||||
|
@keyframes donut-spin { |
||||
|
0% { |
||||
|
transform: rotate(0deg); |
||||
|
} |
||||
|
100% { |
||||
|
transform: rotate(360deg); |
||||
|
} |
||||
|
} |
||||
|
.donut { |
||||
|
display: inline-block; |
||||
|
border: 4px solid rgba(0, 0, 0, 0.1); |
||||
|
border-left-color: #7983ff; |
||||
|
border-radius: 50%; |
||||
|
width: 30px; |
||||
|
height: 30px; |
||||
|
animation: donut-spin 1.2s linear infinite; |
||||
|
|
||||
|
&.centered { |
||||
|
position: fixed; |
||||
|
top: 50%; |
||||
|
left: 50%; |
||||
|
transform: translate(-50%, -50%); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,25 @@ |
|||||
|
// 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: { |
||||
|
context(path: string, deep?: boolean, filter?: RegExp): { |
||||
|
keys(): string[]; |
||||
|
<T>(id: string): T; |
||||
|
}; |
||||
|
}; |
||||
|
|
||||
|
// 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,2 @@ |
|||||
|
yarn |
||||
|
yarn start |
||||
@ -0,0 +1,9 @@ |
|||||
|
{ |
||||
|
"extends": "./tsconfig.json", |
||||
|
"compilerOptions": { |
||||
|
"outDir": "./out-tsc/app", |
||||
|
"types": [] |
||||
|
}, |
||||
|
"files": ["src/main.ts", "src/polyfills.ts"], |
||||
|
"include": ["src/**/*.d.ts"] |
||||
|
} |
||||
@ -0,0 +1,22 @@ |
|||||
|
{ |
||||
|
"compileOnSave": false, |
||||
|
"compilerOptions": { |
||||
|
"baseUrl": "./", |
||||
|
"outDir": "./dist/out-tsc", |
||||
|
"sourceMap": true, |
||||
|
"declaration": false, |
||||
|
"downlevelIteration": true, |
||||
|
"experimentalDecorators": true, |
||||
|
"module": "esnext", |
||||
|
"moduleResolution": "node", |
||||
|
"importHelpers": true, |
||||
|
"target": "es2015", |
||||
|
"typeRoots": ["node_modules/@types"], |
||||
|
"lib": ["es2018", "dom"] |
||||
|
}, |
||||
|
"angularCompilerOptions": { |
||||
|
"fullTemplateTypeCheck": true, |
||||
|
"strictInjectionParameters": true, |
||||
|
"enableIvy": true |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,18 @@ |
|||||
|
{ |
||||
|
"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,91 @@ |
|||||
|
{ |
||||
|
"extends": "tslint:recommended", |
||||
|
"rules": { |
||||
|
"array-type": false, |
||||
|
"arrow-parens": false, |
||||
|
"deprecation": { |
||||
|
"severity": "warning" |
||||
|
}, |
||||
|
"component-class-suffix": true, |
||||
|
"contextual-lifecycle": true, |
||||
|
"directive-class-suffix": true, |
||||
|
"directive-selector": [ |
||||
|
true, |
||||
|
"attribute", |
||||
|
"app", |
||||
|
"camelCase" |
||||
|
], |
||||
|
"component-selector": [ |
||||
|
true, |
||||
|
"element", |
||||
|
"app", |
||||
|
"kebab-case" |
||||
|
], |
||||
|
"import-blacklist": [ |
||||
|
true, |
||||
|
"rxjs/Rx" |
||||
|
], |
||||
|
"interface-name": false, |
||||
|
"max-classes-per-file": false, |
||||
|
"max-line-length": [ |
||||
|
true, |
||||
|
140 |
||||
|
], |
||||
|
"member-access": false, |
||||
|
"member-ordering": [ |
||||
|
true, |
||||
|
{ |
||||
|
"order": [ |
||||
|
"static-field", |
||||
|
"instance-field", |
||||
|
"static-method", |
||||
|
"instance-method" |
||||
|
] |
||||
|
} |
||||
|
], |
||||
|
"no-consecutive-blank-lines": false, |
||||
|
"no-console": [ |
||||
|
true, |
||||
|
"debug", |
||||
|
"info", |
||||
|
"time", |
||||
|
"timeEnd", |
||||
|
"trace" |
||||
|
], |
||||
|
"no-empty": false, |
||||
|
"no-inferrable-types": [ |
||||
|
true, |
||||
|
"ignore-params" |
||||
|
], |
||||
|
"no-non-null-assertion": true, |
||||
|
"no-redundant-jsdoc": true, |
||||
|
"no-switch-case-fall-through": true, |
||||
|
"no-var-requires": false, |
||||
|
"object-literal-key-quotes": [ |
||||
|
true, |
||||
|
"as-needed" |
||||
|
], |
||||
|
"object-literal-sort-keys": false, |
||||
|
"ordered-imports": false, |
||||
|
"quotemark": [ |
||||
|
true, |
||||
|
"single" |
||||
|
], |
||||
|
"trailing-comma": false, |
||||
|
"no-conflicting-lifecycle": true, |
||||
|
"no-host-metadata-property": true, |
||||
|
"no-input-rename": true, |
||||
|
"no-inputs-metadata-property": true, |
||||
|
"no-output-native": true, |
||||
|
"no-output-on-prefix": true, |
||||
|
"no-output-rename": true, |
||||
|
"no-outputs-metadata-property": true, |
||||
|
"template-banana-in-box": true, |
||||
|
"template-no-negated-async": true, |
||||
|
"use-lifecycle-interface": true, |
||||
|
"use-pipe-transform-interface": true |
||||
|
}, |
||||
|
"rulesDirectory": [ |
||||
|
"codelyzer" |
||||
|
] |
||||
|
} |
||||
Loading…
Reference in new issue