Commit 3f6705e2 authored by Thodoris Nestoridis's avatar Thodoris Nestoridis

delete old angular project

parent a871522a
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff is collapsed.
......@@ -5,7 +5,7 @@ import { BoilerplateService } from 'src/app/services/boilerplate.service';
@Component({
selector: 'app-add-boilerplate',
templateUrl: './add-boilerplate.component.html',
styleUrls: ['./add-boilerplate.component.css']
styleUrls: ['./add-boilerplate.component.scss']
})
export class AddBoilerplateComponent implements OnInit {
boilerplate: Boilerplate = {
......
......@@ -6,7 +6,7 @@ import { BoilerplateService } from 'src/app/services/boilerplate.service';
@Component({
selector: 'app-boilerplate-details',
templateUrl: './boilerplate-details.component.html',
styleUrls: ['./boilerplate-details.component.css']
styleUrls: ['./boilerplate-details.component.scss']
})
export class BoilerplateDetailsComponent implements OnInit {
......
......@@ -5,7 +5,7 @@ import { BoilerplateService } from 'src/app/services/boilerplate.service';
@Component({
selector: 'app-boilerplate-list',
templateUrl: './boilerplate-list.component.html',
styleUrls: ['./boilerplate-list.component.css']
styleUrls: ['./boilerplate-list.component.scss']
})
export class BoilerplateListComponent implements OnInit {
......
......@@ -5,7 +5,7 @@ import { AuthService } from './../../services/auth.service';
@Component({
selector: 'app-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.css']
styleUrls: ['./login.component.scss']
})
export class LoginComponent implements OnInit {
......
......@@ -2,8 +2,8 @@ import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-signup',
templateUrl: './signup.component.html',
styleUrls: ['./signup.component.css']
templateUrl: './singup.component.html',
styleUrls: ['./singup.component.scss']
})
export class SignupComponent implements OnInit {
......
# 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
# For the full list of supported browsers by the Angular framework, please see:
# https://angular.io/guide/browser-support
# You can see what browsers were selected by your queries by running:
# npx browserslist
last 1 Chrome version
last 1 Firefox version
last 2 Edge major versions
last 2 Safari major versions
last 2 iOS major versions
Firefox ESR
not IE 11 # Angular supports IE 11 only as an opt-in. To opt-in, remove the 'not' prefix on this line.
# 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
[*.ts]
quote_type = single
[*.md]
max_line_length = off
trim_trailing_whitespace = false
# 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
# ReqmanAngular11
This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.1.4.
## 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 Overview and Command Reference](https://angular.io/cli) page.
{
"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
"version": 1,
"newProjectRoot": "projects",
"projects": {
"reqmanAngular11": {
"projectType": "application",
"schematics": {
"@schematics/angular:application": {
"strict": true
}
},
"root": "",
"sourceRoot": "src",
"prefix": "app",
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"outputPath": "dist/reqmanAngular11",
"index": "src/index.html",
"main": "src/main.ts",
"polyfills": "src/polyfills.ts",
"tsConfig": "tsconfig.app.json",
"aot": true,
"assets": [
"src/favicon.ico",
"src/assets"
],
"styles": [
"src/styles.css"
],
"scripts": []
},
"configurations": {
"production": {
"fileReplacements": [
{
"replace": "src/environments/environment.ts",
"with": "src/environments/environment.prod.ts"
}
],
"optimization": true,
"outputHashing": "all",
"sourceMap": false,
"namedChunks": false,
"extractLicenses": true,
"vendorChunk": false,
"buildOptimizer": true,
"budgets": [
{
"type": "initial",
"maximumWarning": "500kb",
"maximumError": "1mb"
},
{
"type": "anyComponentStyle",
"maximumWarning": "2kb",
"maximumError": "4kb"
}
]
}
}
},
"serve": {
"builder": "@angular-devkit/build-angular:dev-server",
"options": {
"browserTarget": "reqmanAngular11:build"
},
"configurations": {
"production": {
"browserTarget": "reqmanAngular11:build:production"
}
}
},
"extract-i18n": {
"builder": "@angular-devkit/build-angular:extract-i18n",
"options": {
"browserTarget": "reqmanAngular11: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": [
"src/styles.css"
],
"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": "reqmanAngular11:serve"
},
"configurations": {
"production": {
"devServerTarget": "reqmanAngular11:serve:production"
}
}
}
}
}
},
"defaultProject": "reqmanAngular11"
}
// @ts-check
// Protractor configuration file, see link for more information
// https://github.com/angular/protractor/blob/master/lib/config.ts
const { SpecReporter, StacktraceOption } = require('jasmine-spec-reporter');
/**
* @type { import("protractor").Config }
*/
exports.config = {
allScriptsTimeout: 11000,
specs: [
'./src/**/*.e2e-spec.ts'
],
capabilities: {
browserName: 'chrome'
},
directConnect: true,
SELENIUM_PROMISE_MANAGER: false,
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: StacktraceOption.PRETTY
}
}));
}
};
\ No newline at end of file
import { browser, logging } from 'protractor';
import { AppPage } from './app.po';
describe('workspace-project App', () => {
let page: AppPage;
beforeEach(() => {
page = new AppPage();
});
it('should display welcome message', async () => {
await page.navigateTo();
expect(await page.getTitleText()).toEqual('reqmanAngular11 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));
});
});
import { browser, by, element } from 'protractor';
export class AppPage {
async navigateTo(): Promise<unknown> {
return browser.get(browser.baseUrl);
}
async getTitleText(): Promise<string> {
return element(by.css('app-root .content span')).getText();
}
}
/* To learn more about this file see: https://angular.io/config/tsconfig. */
{
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/e2e",
"module": "commonjs",
"target": "es2018",
"types": [
"jasmine",
"node"
]
}
}
// 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/reqmanAngular11'),
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
});
};
This diff is collapsed.
{
"name": "reqman-angular11",
"version": "0.0.0",
"scripts": {
"ng": "ng",
"start": "ng serve",
"build": "ng build",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular/animations": "~11.1.2",
"@angular/common": "~11.1.2",
"@angular/compiler": "~11.1.2",
"@angular/core": "~11.1.2",
"@angular/forms": "~11.1.2",
"@angular/platform-browser": "~11.1.2",
"@angular/platform-browser-dynamic": "~11.1.2",
"@angular/router": "~11.1.2",
"@types/jwt-decode": "^3.1.0",
"jwt-decode": "^3.1.2",
"moment": "^2.29.1",
"rxjs": "~6.6.0",
"tslib": "^2.0.0",
"zone.js": "~0.11.3"
},
"devDependencies": {
"@angular-devkit/build-angular": "~0.1101.4",
"@angular/cli": "~11.1.4",
"@angular/compiler-cli": "~11.1.2",
"@types/jasmine": "~3.6.0",
"@types/node": "^12.11.1",
"codelyzer": "^6.0.0",
"jasmine-core": "~3.6.0",
"jasmine-spec-reporter": "~5.0.0",
"karma": "~5.2.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage": "~2.0.3",
"karma-jasmine": "~4.0.0",
"karma-jasmine-html-reporter": "^1.5.0",
"protractor": "~7.0.0",
"ts-node": "~8.3.0",
"tslint": "~6.1.0",
"typescript": "~4.1.2"
}
}
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { AuthGuard } from './services/auth.service';
import { LoginComponent } from './components/login/login.component';
import { SignupComponent } from './components/signup/signup.component';
import { BoilerplateListComponent } from './components/boilerplate-list/boilerplate-list.component';
import { BoilerplateDetailsComponent } from './components/boilerplate-details/boilerplate-details.component';
import { AddBoilerplateComponent } from './components/add-boilerplate/add-boilerplate.component';
/*import { PrefixListComponent } from './components/prefix-list/prefix-list.component';
import { PrefixDetailsComponent } from './components/prefix-details/prefix-details.component';
import { AddPrefixComponent } from './components/add-prefix/add-prefix.component';*/
const routes: Routes = [
{ path: '', redirectTo: 'login', pathMatch: 'full' },
{ path: 'login', component: LoginComponent },
{ path: 'signup', component: SignupComponent },
{ path: 'boilerplates', component: BoilerplateListComponent, canActivate: [AuthGuard] },
{ path: 'boilerplates/:id', component: BoilerplateDetailsComponent, canActivate: [AuthGuard] },
{ path: 'add-boilerplate', component: AddBoilerplateComponent, canActivate: [AuthGuard] }
/*{ path: '', redirectTo: 'tutorials', pathMatch: 'full' },
{ path: 'prefix', component: PrefixListComponent },
{ path: 'prefix/:id', component: PrefixDetailsComponent },
{ path: 'add', component: AddPrefixComponent }*/
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
<div>
<nav class="navbar navbar-expand navbar-dark bg-dark">
<a href="#" class="navbar-brand">ReqTool</a>
<div class="navbar-nav mr-auto">
<li class="nav-item">
<a routerLink="boilerplates" class="nav-link">Boilerplates</a>
</li>
<li class="nav-item">
<a routerLink="add-boilerplate" class="nav-link">Add Boilerplate</a>
</li>
</div>
</nav>
<div class="container mt-3">
<router-outlet></router-outlet>
</div>
</div>
\ No newline at end of file
import { TestBed } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { AppComponent } from './app.component';
describe('AppComponent', () => {
beforeEach(async () => {
await TestBed.configureTestingModule({
imports: [
RouterTestingModule
],
declarations: [
AppComponent
],
}).compileComponents();
});
it('should create the app', () => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.componentInstance;
expect(app).toBeTruthy();
});
it(`should have as title 'reqmanAngular11'`, () => {
const fixture = TestBed.createComponent(AppComponent);
const app = fixture.componentInstance;
expect(app.title).toEqual('reqmanAngular11');
});
it('should render title', () => {
const fixture = TestBed.createComponent(AppComponent);
fixture.detectChanges();
const compiled = fixture.nativeElement;
expect(compiled.querySelector('.content span').textContent).toContain('reqmanAngular11 app is running!');
});
});
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'reqmanAngular11';
}
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { FormsModule } from '@angular/forms';
import { HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
import { AuthService, AuthInterceptor, AuthGuard } from './services/auth.service';
import { LoginComponent } from './components/login/login.component';
import { SignupComponent } from './components/signup/signup.component';
import { AddBoilerplateComponent } from './components/add-boilerplate/add-boilerplate.component';
import { BoilerplateDetailsComponent } from './components/boilerplate-details/boilerplate-details.component';
import { BoilerplateListComponent } from './components/boilerplate-list/boilerplate-list.component';
import { AddPrefixComponent } from './components/add-prefix/add-prefix.component';
import { PrefixDetailsComponent } from './components/prefix-details/prefix-details.component';
import { PrefixListComponent } from './components/prefix-list/prefix-list.component';
@NgModule({
declarations: [
AppComponent,
LoginComponent,
SignupComponent,
AddBoilerplateComponent,
BoilerplateDetailsComponent,
BoilerplateListComponent,
AddPrefixComponent,
PrefixDetailsComponent,
PrefixListComponent
],
imports: [
BrowserModule,
AppRoutingModule,
FormsModule,
HttpClientModule
],
providers: [
AuthService,
AuthGuard,
{
provide: HTTP_INTERCEPTORS,
useClass: AuthInterceptor,
multi: true,
},
],
bootstrap: [AppComponent]
})
export class AppModule { }
.submit-form {
max-width: 400px;
margin: auto;
}
\ No newline at end of file
<div>
<div class="submit-form">
<div *ngIf="!submitted">
<div class="form-group">
<label for="has_prefix">Prefix</label>
<input
type="checkbox"
class="form-control"
id="has_prefix"
required
[(ngModel)]="boilerplate.has_prefix"
name="has_prefix"
/>
</div>
<div class="form-group">
<label for="has_main">Main</label>
<input
type="checkbox"
class="form-control"
id="has_main"
required
[(ngModel)]="boilerplate.has_main"
name="has_main"
/>
</div>
<div class="form-group">
<label for="has_suffix">Suffix</label>
<input
type="checkbox"
class="form-control"
id="has_suffix"
required
[(ngModel)]="boilerplate.has_suffix"
name="has_suffix"
/>
</div>
<button (click)="saveBoilerplate()" class="btn btn-success">Submit</button>
</div>
<div *ngIf="submitted">
<h4>Tutorial was submitted successfully!</h4>
<button class="btn btn-success" (click)="newBoilerplate()">Add</button>
</div>
</div>
</div>
\ No newline at end of file
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { AddBoilerplateComponent } from './add-boilerplate.component';
describe('AddBoilerplateComponent', () => {
let component: AddBoilerplateComponent;
let fixture: ComponentFixture<AddBoilerplateComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ AddBoilerplateComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(AddBoilerplateComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
import { Boilerplate } from 'src/app/models/boilerplate.model';
import { BoilerplateService } from 'src/app/services/boilerplate.service';
@Component({
selector: 'app-add-boilerplate',
templateUrl: './add-boilerplate.component.html',
styleUrls: ['./add-boilerplate.component.css']
})
export class AddBoilerplateComponent implements OnInit {
boilerplate: Boilerplate = {
has_prefix: false,
has_main: false,
has_suffix: false
};
submitted = false;
constructor(private boilerplatelService: BoilerplateService) { }
ngOnInit(): void {
}
saveBoilerplate(): void {
const data = {
has_prefix: this.boilerplate.has_prefix,
has_main: this.boilerplate.has_main,
has_suffix: this.boilerplate.has_suffix
};
this.boilerplatelService.create(data)
.subscribe(
response => {
console.log(response);
this.submitted = true;
},
error => {
console.log(error);
});
}
newBoilerplate(): void {
this.submitted = false;
this.boilerplate = {
has_prefix: false,
has_main: false,
has_suffix: false
};
}
}
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { AddPrefixComponent } from './add-prefix.component';
describe('AddPrefixComponent', () => {
let component: AddPrefixComponent;
let fixture: ComponentFixture<AddPrefixComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ AddPrefixComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(AddPrefixComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-add-prefix',
templateUrl: './add-prefix.component.html',
styleUrls: ['./add-prefix.component.css']
})
export class AddPrefixComponent implements OnInit {
constructor() { }
ngOnInit(): void {
}
}
.edit-form {
max-width: 400px;
margin: auto;
}
\ No newline at end of file
<div>
<div *ngIf="currentboilerplate.id" class="edit-form">
<h4>Boilerplate</h4>
<form>
<div class="form-group">
<label for="has_prefix">Prefix</label>
<input
type="checkbox"
class="form-control"
id="has_prefix"
[(ngModel)]="currentboilerplate.has_prefix"
name="has_prefix"
/>
</div>
<div class="form-group">
<label for="has_main">Main</label>
<input
type="checkbox"
class="form-control"
id="has_main"
[(ngModel)]="currentboilerplate.has_main"
name="has_main"
/>
</div>
<div class="form-group">
<label for="has_suffix">Suffix</label>
<input
type="checkbox"
class="form-control"
id="has_suffix"
[(ngModel)]="currentboilerplate.has_main"
name="has_suffix"
/>
</div>
</form>
<button class="badge badge-danger mr-2" (click)="deleteBoilerplate()">
Delete
</button>
<button
type="submit"
class="badge badge-success mb-2"
(click)="updateBoilerplate()"
>
Update
</button>
<p>{{ message }}</p>
</div>
<div *ngIf="!currentboilerplate.id">
<br />
<p>Cannot access this Boilerplate...</p>
</div>
</div>
\ No newline at end of file
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { BoilerplateDetailsComponent } from './boilerplate-details.component';
describe('BoilerplateDetailsComponent', () => {
let component: BoilerplateDetailsComponent;
let fixture: ComponentFixture<BoilerplateDetailsComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ BoilerplateDetailsComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(BoilerplateDetailsComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
import { ActivatedRoute, Router } from '@angular/router';
import { Boilerplate } from 'src/app/models/boilerplate.model';
import { BoilerplateService } from 'src/app/services/boilerplate.service';
@Component({
selector: 'app-boilerplate-details',
templateUrl: './boilerplate-details.component.html',
styleUrls: ['./boilerplate-details.component.css']
})
export class BoilerplateDetailsComponent implements OnInit {
currentboilerplate: Boilerplate = {
has_prefix: false,
has_main: false,
has_suffix: false
};
message = '';
constructor(
private boilerplateService: BoilerplateService,
private route: ActivatedRoute,
private router: Router) { }
ngOnInit(): void {
this.message = '';
this.getBoilerplate(this.route.snapshot.params.id);
}
getBoilerplate(id: string): void {
this.boilerplateService.get(id)
.subscribe(
data => {
this.currentboilerplate = data;
console.log(data);
},
error => {
console.log(error);
});
}
updateBoilerplate(): void {
this.boilerplateService.update(this.currentboilerplate.id, this.currentboilerplate)
.subscribe(
response => {
console.log(response);
this.message = response.message;
},
error => {
console.log(error);
});
}
deleteBoilerplate(): void {
this.boilerplateService.delete(this.currentboilerplate.id)
.subscribe(
response => {
console.log(response);
this.router.navigate(['/boilerplates']);
},
error => {
console.log(error);
});
}
}
.list {
text-align: left;
max-width: 750px;
margin: auto;
}
\ No newline at end of file
<div class="list row">
<div class="col-md-8">
<div class="input-group mb-3">
<input
type="text"
class="form-control"
placeholder="Search mechanism not working"
[(ngModel)]="boilerplates"
/>
<div class="input-group-append">
<!-- <button
class="btn btn-outline-secondary"
type="button"
(click)=""
>
Search
</button> -->
</div>
</div>
</div>
<div class="col-md-6">
<h4>Boilerplate List</h4>
<ul class="list-group">
<li
class="list-group-item"
*ngFor="let boilerplate of boilerplates; let i = index"
[class.active]="i == currentIndex"
(click)="setActiveBoilerplate(boilerplate, i)"
>
</li>
</ul>
</div>
<div class="col-md-6">
<div *ngIf="currentBoilerplate">
<h4>Boilerplate</h4>
<div>
<label><strong>Prefix:</strong></label>
{{ currentBoilerplate.has_prefix }}
</div>
<div>
<label><strong>Main:</strong></label>
{{ currentBoilerplate.has_main }}
</div>
<div>
<label><strong>Suffix:</strong></label>
{{ currentBoilerplate.has_suffix }}
</div>
<a class="badge badge-warning" routerLink="/boilerplates/{{ currentBoilerplate.id }}">
Edit
</a>
</div>
<div *ngIf="!currentBoilerplate">
<br />
<p>Please click on a Boilerplate...</p>
</div>
</div>
</div>
\ No newline at end of file
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { BoilerplateListComponent } from './boilerplate-list.component';
describe('BoilerplateListComponent', () => {
let component: BoilerplateListComponent;
let fixture: ComponentFixture<BoilerplateListComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ BoilerplateListComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(BoilerplateListComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
import { Boilerplate } from 'src/app/models/boilerplate.model';
import { BoilerplateService } from 'src/app/services/boilerplate.service';
@Component({
selector: 'app-boilerplate-list',
templateUrl: './boilerplate-list.component.html',
styleUrls: ['./boilerplate-list.component.css']
})
export class BoilerplateListComponent implements OnInit {
boilerplates?: Boilerplate[];
currentBoilerplate?: Boilerplate;
currentIndex = -1;
//title = '';
constructor(private boilerplateService: BoilerplateService) { }
ngOnInit(): void {
this.retrieveBoilerplates();
}
retrieveBoilerplates(): void {
this.boilerplateService.getAll()
.subscribe(
data => {
this.boilerplates = data;
console.log(data);
},
error => {
console.log(error);
});
}
refreshList(): void {
this.retrieveBoilerplates();
this.currentBoilerplate = undefined;
this.currentIndex = -1;
}
setActiveBoilerplate(boilerplate: Boilerplate, index: number): void {
this.currentBoilerplate = boilerplate;
this.currentIndex = index;
}
}
<div style="text-align:center">
<h1>
Login
</h1>
</div>
<input #username type='text' placeholder='username'>
<input #password type='password' placeholder='password'>
<button (click)="login(username.value, password.value)">login</button>
<p>{{ error?.message }}</p>
<p *ngIf="error">{{ error?.error | json }}</p>
\ No newline at end of file
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { LoginComponent } from './login.component';
describe('LoginComponent', () => {
let component: LoginComponent;
let fixture: ComponentFixture<LoginComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ LoginComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(LoginComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
import { AuthService } from './../../services/auth.service';
@Component({
selector: 'app-login',
templateUrl: './login.component.html',
styleUrls: ['./login.component.css']
})
export class LoginComponent implements OnInit {
error: any;
constructor(
private authService: AuthService,
private router: Router,
) { }
ngOnInit() {
}
login(email: string, password: string) {
this.authService.login(email, password).subscribe(
success => this.router.navigate(['boilerplates']),
error => this.error = error
);
}
}
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { PrefixDetailsComponent } from './prefix-details.component';
describe('PrefixDetailsComponent', () => {
let component: PrefixDetailsComponent;
let fixture: ComponentFixture<PrefixDetailsComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ PrefixDetailsComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(PrefixDetailsComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-prefix-details',
templateUrl: './prefix-details.component.html',
styleUrls: ['./prefix-details.component.css']
})
export class PrefixDetailsComponent implements OnInit {
constructor() { }
ngOnInit(): void {
}
}
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { PrefixListComponent } from './prefix-list.component';
describe('PrefixListComponent', () => {
let component: PrefixListComponent;
let fixture: ComponentFixture<PrefixListComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ PrefixListComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(PrefixListComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-prefix-list',
templateUrl: './prefix-list.component.html',
styleUrls: ['./prefix-list.component.css']
})
export class PrefixListComponent implements OnInit {
constructor() { }
ngOnInit(): void {
}
}
<div style="text-align:center">
<h1>
Signup
</h1>
</div>
<input #username type='text' placeholder='username'>
<input #email type='text' placeholder='email'>
<input #password1 type='password' placeholder='password1'>
<input #password2 type='password' placeholder='password2'>
<button (click)="signup(username.value, email.value, password1.value, password2.value)">signup</button>
<p>{{ error?.message }}</p>
<p *ngIf="error">{{ error?.error | json }}</p>
\ No newline at end of file
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { SignupComponent } from './signup.component';
describe('SignupComponent', () => {
let component: SignupComponent;
let fixture: ComponentFixture<SignupComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
declarations: [ SignupComponent ]
})
.compileComponents();
});
beforeEach(() => {
fixture = TestBed.createComponent(SignupComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-signup',
templateUrl: './signup.component.html',
styleUrls: ['./signup.component.css']
})
export class SignupComponent implements OnInit {
error: any;
constructor() { }
ngOnInit() {
}
signup(username: string, email: string, password1: string, password2: string) {
// TODO: call signup
}
}
import { Boilerplate } from './boilerplate.model';
describe('Boilerplate', () => {
it('should create an instance', () => {
expect(new Boilerplate()).toBeTruthy();
});
});
export class Boilerplate {
id?:any;
has_prefix?: boolean;
has_main?: boolean;
has_suffix?: boolean;
}
import { Prefix } from './prefix.model';
describe('Prefix', () => {
it('should create an instance', () => {
expect(new Prefix()).toBeTruthy();
});
});
import { TestBed } from '@angular/core/testing';
import { AuthService } from './auth.service';
describe('AuthService', () => {
let service: AuthService;
beforeEach(() => {
TestBed.configureTestingModule({});
service = TestBed.inject(AuthService);
});
it('should be created', () => {
expect(service).toBeTruthy();
});
});
import { Injectable } from '@angular/core';
import { HttpClient, HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
import { CanActivate, Router } from '@angular/router';
import { Observable } from 'rxjs';
import { tap, shareReplay } from 'rxjs/operators';
import jwtDecode from 'jwt-decode';
import * as moment from 'moment';
import { environment } from '../../environments/environment';
@Injectable({
providedIn: 'root'
})
export class AuthService {
private apiRoot = 'http://155.207.131.19:8000/auth/';
constructor(private http: HttpClient) { }
private setSession(authResult: any) {
const token = authResult.token;
const payload = <JWTPayload> jwtDecode(token);
const expiresAt = moment.unix(payload.exp);
localStorage.setItem('token', authResult.token);
localStorage.setItem('expires_at', JSON.stringify(expiresAt.valueOf()));
}
get token(): string {
return JSON.parse(localStorage.getItem('currentUser') || '{}');
}
login(email: string, password: string) {
return this.http.post(
this.apiRoot.concat('login/'),
{ email, password }
).pipe(
tap(response => this.setSession(response)),
shareReplay(),
);
}
signup(username: string, email: string, password1: string, password2: string) {
// TODO: implement signup
}
logout() {
localStorage.removeItem('token');
localStorage.removeItem('expires_at');
}
refreshToken() {
if (moment().isBetween(this.getExpiration().subtract(1, 'days'), this.getExpiration())) {
return this.http.post(
this.apiRoot.concat('refresh-token/'),
{ token: this.token }
).pipe(
tap(response => this.setSession(response)),
shareReplay(),
).subscribe();
}
return
}
getExpiration() {
const expiration = JSON.parse(localStorage.getItem('expires_at') || '{}');
const expiresAt = JSON.parse(expiration);
return moment(expiresAt);
}
isLoggedIn() {
return moment().isBefore(this.getExpiration());
}
isLoggedOut() {
return !this.isLoggedIn();
}
}
@Injectable()
export class AuthInterceptor implements HttpInterceptor {
intercept(req: HttpRequest<any>, next: HttpHandler): Observable<HttpEvent<any>> {
const token = localStorage.getItem('token');
if (token) {
const cloned = req.clone({
headers: req.headers.set('Authorization', 'JWT '.concat(token))
});
return next.handle(cloned);
} else {
return next.handle(req);
}
}
}
@Injectable()
export class AuthGuard implements CanActivate {
constructor(private authService: AuthService, private router: Router) { }
canActivate() {
if (this.authService.isLoggedIn()) {
this.authService.refreshToken();
return true;
} else {
this.authService.logout();
this.router.navigate(['login']);
return false;
}
}
}
interface JWTPayload {
user_id: number;
username: string;
email: string;
exp: number;
}
\ No newline at end of file
import { TestBed } from '@angular/core/testing';
import { BoilerplateService } from './boilerplate.service';
describe('BoilerplateService', () => {
let service: BoilerplateService;
beforeEach(() => {
TestBed.configureTestingModule({});
service = TestBed.inject(BoilerplateService);
});
it('should be created', () => {
expect(service).toBeTruthy();
});
});
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
import { Boilerplate } from '../models/boilerplate.model';
const baseUrl = 'http://155.207.131.19:8000/api-auth/boilerplates/';
@Injectable({
providedIn: 'root'
})
export class BoilerplateService {
constructor(private http: HttpClient) { }
getAll(): Observable<Boilerplate[]> {
return this.http.get<Boilerplate[]>(baseUrl);
}
get(id: any): Observable<Boilerplate> {
return this.http.get(`${baseUrl}${id}`);
}
create(data: any): Observable<any> {
return this.http.post(baseUrl, data);
}
update(id: any, data: any): Observable<any> {
return this.http.put(`${baseUrl}${id}/`, data);
}
delete(id: any): Observable<any> {
return this.http.delete(`${baseUrl}${id}`);
}
//In case we want to find by something
/*findByTitle(title: any): Observable<Boilerplate[]> {
return this.http.get<Boilerplate[]>(`${baseUrl}?title=${title}`);
}*/
}
import { TestBed } from '@angular/core/testing';
import { PrefixService } from './prefix.service';
describe('PrefixService', () => {
let service: PrefixService;
beforeEach(() => {
TestBed.configureTestingModule({});
service = TestBed.inject(PrefixService);
});
it('should be created', () => {
expect(service).toBeTruthy();
});
});
import { Injectable } from '@angular/core';
@Injectable({
providedIn: 'root'
})
export class PrefixService {
constructor() { }
}
export const environment = {
production: true
};
// This file can be replaced during build by using the `fileReplacements` array.
// `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
// The list of file replacements can be found in `angular.json`.
export const environment = {
production: false
};
/*
* For easier debugging in development mode, you can import the following file
* to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
*
* This import should be commented out in production mode because it will have a negative impact
* on performance if an error is thrown.
*/
// import 'zone.js/dist/zone-error'; // Included with Angular CLI.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>ReqmanAngular11</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>
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));
/**
* 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
*/
/**
* 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
*/
/* You can add global styles to this file, and also import other style files */
// 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);
/* To learn more about this file see: https://angular.io/config/tsconfig. */
{
"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "./out-tsc/app",
"types": []
},
"files": [
"src/main.ts",
"src/polyfills.ts"
],
"include": [
"src/**/*.d.ts"
]
}
/* To learn more about this file see: https://angular.io/config/tsconfig. */
{
"compileOnSave": false,
"compilerOptions": {
"baseUrl": "./",
"outDir": "./dist/out-tsc",
"forceConsistentCasingInFileNames": true,
"strict": true,
"noImplicitReturns": true,
"noFallthroughCasesInSwitch": true,
"sourceMap": true,
"declaration": false,
"downlevelIteration": true,
"experimentalDecorators": true,
"moduleResolution": "node",
"importHelpers": true,
"target": "es2015",
"module": "es2020",
"lib": [
"es2018",
"dom"
]
},
"angularCompilerOptions": {
"enableI18nLegacyMessageIdFormat": false,
"strictInjectionParameters": true,
"strictInputAccessModifiers": true,
"strictTemplates": true
}
}
/* To learn more about this file see: https://angular.io/config/tsconfig. */
{
"extends": "./tsconfig.json",
"compilerOptions": {
"outDir": "./out-tsc/spec",
"types": [
"jasmine"
]
},
"files": [
"src/test.ts",
"src/polyfills.ts"
],
"include": [
"src/**/*.spec.ts",
"src/**/*.d.ts"
]
}
{
"extends": "tslint:recommended",
"rulesDirectory": [
"codelyzer"
],
"rules": {
"align": {
"options": [
"parameters",
"statements"
]
},
"array-type": false,
"arrow-return-shorthand": true,
"curly": true,
"deprecation": {
"severity": "warning"
},
"eofline": true,
"import-blacklist": [
true,
"rxjs/Rx"
],
"import-spacing": true,
"indent": {
"options": [
"spaces"
]
},
"max-classes-per-file": false,
"max-line-length": [
true,
140
],
"member-ordering": [
true,
{
"order": [
"static-field",
"instance-field",
"static-method",
"instance-method"
]
}
],
"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"
],
"quotemark": [
true,
"single"
],
"semicolon": {
"options": [
"always"
]
},
"space-before-function-paren": {
"options": {
"anonymous": "never",
"asyncArrow": "always",
"constructor": "never",
"method": "never",
"named": "never"
}
},
"typedef": [
true,
"call-signature"
],
"typedef-whitespace": {
"options": [
{
"call-signature": "nospace",
"index-signature": "nospace",
"parameter": "nospace",
"property-declaration": "nospace",
"variable-declaration": "nospace"
},
{
"call-signature": "onespace",
"index-signature": "onespace",
"parameter": "onespace",
"property-declaration": "onespace",
"variable-declaration": "onespace"
}
]
},
"variable-name": {
"options": [
"ban-keywords",
"check-format",
"allow-pascal-case"
]
},
"whitespace": {
"options": [
"check-branch",
"check-decl",
"check-operator",
"check-separator",
"check-type",
"check-typecast"
]
},
"component-class-suffix": true,
"contextual-lifecycle": true,
"directive-class-suffix": true,
"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,
"directive-selector": [
true,
"attribute",
"app",
"camelCase"
],
"component-selector": [
true,
"element",
"app",
"kebab-case"
]
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment