2 |
Latests Posts:
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
13 |
14 |
15 |
16 |
--------------------------------------------------------------------------------
/src/app/authentication/authentication.component.html:
--------------------------------------------------------------------------------
1 |
15 |
16 |
We got a token
--------------------------------------------------------------------------------
/src/app/post-new/post-new.component.html:
--------------------------------------------------------------------------------
1 |
2 |
Post Creation
3 |
16 |
--------------------------------------------------------------------------------
/src/app/post-edit/post-edit.component.html:
--------------------------------------------------------------------------------
1 |
2 |
Post Creation
3 |
16 |
--------------------------------------------------------------------------------
/src/test.ts:
--------------------------------------------------------------------------------
1 | // This file is required by karma.conf.js and loads recursively all the .spec and framework files
2 |
3 | import 'zone.js/dist/zone-testing';
4 | import { getTestBed } from '@angular/core/testing';
5 | import {
6 | BrowserDynamicTestingModule,
7 | platformBrowserDynamicTesting
8 | } from '@angular/platform-browser-dynamic/testing';
9 |
10 | declare const require: any;
11 |
12 | // First, initialize the Angular testing environment.
13 | getTestBed().initTestEnvironment(
14 | BrowserDynamicTestingModule,
15 | platformBrowserDynamicTesting()
16 | );
17 | // Then we find all the tests.
18 | const context = require.context('./', true, /\.spec\.ts$/);
19 | // And load the modules.
20 | context.keys().map(context);
21 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # See http://help.github.com/ignore-files/ for more about ignoring files.
2 |
3 | # compiled output
4 | /dist
5 | /dist-server
6 | /tmp
7 | /out-tsc
8 |
9 | # dependencies
10 | /node_modules
11 |
12 | # IDEs and editors
13 | /.idea
14 | .project
15 | .classpath
16 | .c9/
17 | *.launch
18 | .settings/
19 | *.sublime-workspace
20 |
21 | # IDE - VSCode
22 | .vscode/*
23 | !.vscode/settings.json
24 | !.vscode/tasks.json
25 | !.vscode/launch.json
26 | !.vscode/extensions.json
27 |
28 | # misc
29 | /.sass-cache
30 | /connect.lock
31 | /coverage
32 | /libpeerconnection.log
33 | npm-debug.log
34 | yarn-error.log
35 | testem.log
36 | /typings
37 |
38 | # e2e
39 | /e2e/*.js
40 | /e2e/*.map
41 |
42 | # System Files
43 | .DS_Store
44 | Thumbs.db
45 |
--------------------------------------------------------------------------------
/src/app/user-list/user-list.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit, Input } from '@angular/core';
2 | import { WpApiUsers } from 'wp-api-angular';
3 | import { Headers } from '@angular/http';
4 |
5 | @Component({
6 | selector: 'user-list',
7 | templateUrl: './user-list.component.html',
8 | styleUrls: ['./user-list.component.css']
9 | })
10 | export class UserListComponent implements OnInit {
11 | users = [];
12 |
13 | constructor( private wpApiUsers: WpApiUsers ) {
14 | this.getUserList();
15 | }
16 |
17 | ngOnInit() {
18 | }
19 |
20 | getUserList() {
21 | this.wpApiUsers.getList()
22 | .toPromise()
23 | .then( response => {
24 | let json: any = response.json();
25 | this.users = json;
26 | })
27 | }
28 | }
29 |
--------------------------------------------------------------------------------
/src/app/post-new/post-new.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { PostNewComponent } from './post-new.component';
4 |
5 | describe('PostNewComponent', () => {
6 | let component: PostNewComponent;
7 | let fixture: ComponentFixture
;
8 |
9 | beforeEach(async(() => {
10 | TestBed.configureTestingModule({
11 | declarations: [ PostNewComponent ]
12 | })
13 | .compileComponents();
14 | }));
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(PostNewComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/post-edit/post-edit.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { PostEditComponent } from './post-edit.component';
4 |
5 | describe('PostEditComponent', () => {
6 | let component: PostEditComponent;
7 | let fixture: ComponentFixture;
8 |
9 | beforeEach(async(() => {
10 | TestBed.configureTestingModule({
11 | declarations: [ PostEditComponent ]
12 | })
13 | .compileComponents();
14 | }));
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(PostEditComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/post-list/post-list.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { PostListComponent } from './post-list.component';
4 |
5 | describe('PostListComponent', () => {
6 | let component: PostListComponent;
7 | let fixture: ComponentFixture;
8 |
9 | beforeEach(async(() => {
10 | TestBed.configureTestingModule({
11 | declarations: [ PostListComponent ]
12 | })
13 | .compileComponents();
14 | }));
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(PostListComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/user-list/user-list.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { UserListComponent } from './user-list.component';
4 |
5 | describe('UserListComponent', () => {
6 | let component: UserListComponent;
7 | let fixture: ComponentFixture;
8 |
9 | beforeEach(async(() => {
10 | TestBed.configureTestingModule({
11 | declarations: [ UserListComponent ]
12 | })
13 | .compileComponents();
14 | }));
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(UserListComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/src/app/authentication/authentication.component.spec.ts:
--------------------------------------------------------------------------------
1 | import { async, ComponentFixture, TestBed } from '@angular/core/testing';
2 |
3 | import { AuthenticationComponent } from './authentication.component';
4 |
5 | describe('AuthenticationComponent', () => {
6 | let component: AuthenticationComponent;
7 | let fixture: ComponentFixture;
8 |
9 | beforeEach(async(() => {
10 | TestBed.configureTestingModule({
11 | declarations: [ AuthenticationComponent ]
12 | })
13 | .compileComponents();
14 | }));
15 |
16 | beforeEach(() => {
17 | fixture = TestBed.createComponent(AuthenticationComponent);
18 | component = fixture.componentInstance;
19 | fixture.detectChanges();
20 | });
21 |
22 | it('should create', () => {
23 | expect(component).toBeTruthy();
24 | });
25 | });
26 |
--------------------------------------------------------------------------------
/protractor.conf.js:
--------------------------------------------------------------------------------
1 | // Protractor configuration file, see link for more information
2 | // https://github.com/angular/protractor/blob/master/lib/config.ts
3 |
4 | const { SpecReporter } = require('jasmine-spec-reporter');
5 |
6 | exports.config = {
7 | allScriptsTimeout: 11000,
8 | specs: [
9 | './e2e/**/*.e2e-spec.ts'
10 | ],
11 | capabilities: {
12 | 'browserName': 'chrome'
13 | },
14 | directConnect: true,
15 | baseUrl: 'http://localhost:4200/',
16 | framework: 'jasmine',
17 | jasmineNodeOpts: {
18 | showColors: true,
19 | defaultTimeoutInterval: 30000,
20 | print: function() {}
21 | },
22 | onPrepare() {
23 | require('ts-node').register({
24 | project: 'e2e/tsconfig.e2e.json'
25 | });
26 | jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
27 | }
28 | };
29 |
--------------------------------------------------------------------------------
/src/app/post-new/post-new.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit, Input } from '@angular/core';
2 | import { WpApiPosts } from 'wp-api-angular';
3 | import { Headers } from '@angular/http';
4 |
5 | @Component({
6 | selector: 'post-new',
7 | templateUrl: './post-new.component.html',
8 | styleUrls: ['./post-new.component.css']
9 | })
10 |
11 | export class PostNewComponent implements OnInit {
12 | @Input() token;
13 | new_post = {
14 | title: '',
15 | content: '',
16 | status: 'publish'
17 | }
18 |
19 | constructor( private wpApiPosts: WpApiPosts ) { }
20 |
21 | ngOnInit() {
22 | }
23 |
24 | createPost() {
25 | let headers: Headers = new Headers({
26 | 'Authorization': 'Bearer ' + this.token
27 | });
28 |
29 | this.wpApiPosts.create(this.new_post, { headers: headers })
30 | .toPromise()
31 | .then( response => {
32 | console.log(response);
33 | })
34 | }
35 | }
36 |
--------------------------------------------------------------------------------
/src/app/authentication/authentication.component.ts:
--------------------------------------------------------------------------------
1 | import { Component, OnInit, Input, Output, EventEmitter } from '@angular/core';
2 | import { HttpClientModule, HttpClient } from '@angular/common/http';
3 |
4 | @Component({
5 | selector: 'app-authentication',
6 | templateUrl: './authentication.component.html',
7 | styleUrls: ['./authentication.component.css']
8 | })
9 | export class AuthenticationComponent implements OnInit {
10 | user = {
11 | login: '',
12 | password: ''
13 | }
14 | @Input() token;
15 | @Output() tokenChange = new EventEmitter();
16 |
17 | constructor( private http: HttpClient ) { }
18 |
19 | ngOnInit() {
20 | }
21 |
22 | auth() {
23 | this.http.post('http://178.79.168.34:82/wp-json/jwt-auth/v1/token', {
24 | username: this.user.login,
25 | password: this.user.password
26 | }).subscribe((data) => {
27 | if (data['token']) {
28 | this.token = data['token'];
29 | this.tokenChange.emit(this.token);
30 | }
31 | });
32 | }
33 |
34 | }
35 |
--------------------------------------------------------------------------------
/karma.conf.js:
--------------------------------------------------------------------------------
1 | // Karma configuration file, see link for more information
2 | // https://karma-runner.github.io/1.0/config/configuration-file.html
3 |
4 | module.exports = function (config) {
5 | config.set({
6 | basePath: '',
7 | frameworks: ['jasmine', '@angular/cli'],
8 | plugins: [
9 | require('karma-jasmine'),
10 | require('karma-chrome-launcher'),
11 | require('karma-jasmine-html-reporter'),
12 | require('karma-coverage-istanbul-reporter'),
13 | require('@angular/cli/plugins/karma')
14 | ],
15 | client:{
16 | clearContext: false // leave Jasmine Spec Runner output visible in browser
17 | },
18 | coverageIstanbulReporter: {
19 | reports: [ 'html', 'lcovonly' ],
20 | fixWebpackSourcePaths: true
21 | },
22 | angularCli: {
23 | environment: 'dev'
24 | },
25 | reporters: ['progress', 'kjhtml'],
26 | port: 9876,
27 | colors: true,
28 | logLevel: config.LOG_INFO,
29 | autoWatch: true,
30 | browsers: ['Chrome'],
31 | singleRun: false
32 | });
33 | };
34 |
--------------------------------------------------------------------------------
/src/app/app.component.html:
--------------------------------------------------------------------------------
1 |
2 |
3 | Welcome to {{ title }}!
4 |
5 |
6 |
13 |
14 |
15 |
16 |
19 |
20 |
21 |
Please, authorize to create a post
22 |
23 |