+ ![Post image]()
+
+
+
+
+
+
+
+
+
+
+ +
+
+ {{post.title}}
+{{post.description}}
++ +
+ ![]()
+ Article écrit par {{post.author.name}}
+ ({{post.creationDate | date:'yyyy-MM-dd HH:mm:ss'}})
+
+
+
+
diff --git a/src/main/ts2/src/app/account-settings/profil-edition/profil-edition.component.ts b/src/main/ts2/src/app/account-settings/profil-edition/profil-edition.component.ts
new file mode 100755
index 0000000..09f5a6d
--- /dev/null
+++ b/src/main/ts2/src/app/account-settings/profil-edition/profil-edition.component.ts
@@ -0,0 +1,101 @@
+import { Component, OnInit } from '@angular/core';
+import { ProfilEditionService } from './profil-edition.service';
+import { HttpEventType, HttpResponse } from '@angular/common/http';
+import { User } from '../../core/entities';
+import { AuthService } from '../../core/services/auth.service';
+import { environment } from '../../../environments/environment';
+
+
+@Component({
+ selector: 'app-profil-edition',
+ templateUrl: './profil-edition.component.html',
+ styles: [`
+ #form {
+ padding-bottom: 10px;
+ }
+
+ .submitFormArea {
+ line-height: 50px;
+ }
+
+ #profil-image {
+ cursor: pointer;
+ }
+
+ #resultMsg, #errorMsg {
+ max-height: 0;
+ overflow: hidden;
+ transition: max-height 0.5s ease-out;
+ margin: 0;
+ }
+ `]
+})
+export class ProfilEditionComponent implements OnInit {
+ model: User;
+ selectedFiles: FileList;
+ currentFileUpload: File;
+ progress: { percentage: number } = { percentage: 0 };
+ modelError: string;
+ result: string;
+
+ constructor(
+ private profilEditionService: ProfilEditionService,
+ private authService: AuthService
+ ) {}
+
+ ngOnInit(): void {
+ this.model = this.authService.getUser();
+ }
+
+ getAvatarUrl(): string {
+ return this.model.image
+ ? `${environment.apiUrl}/api/images/loadAvatar/${this.model.image}`
+ : './assets/images/default_user.png';
+ }
+
+ triggerProfilImageChange(): void {
+ document.getElementById('profilImageInput').click();
+ }
+
+ uploadImage(event) {
+ this.selectedFiles = event.target.files;
+ this.progress.percentage = 0;
+
+ this.currentFileUpload = this.selectedFiles.item(0);
+ // This prevents error 400 if user doesn't select any file to upload and close the input file.
+ if (this.currentFileUpload) {
+ this.profilEditionService.uploadAvatarPicture(this.currentFileUpload).subscribe(result => {
+ if (result.type === HttpEventType.UploadProgress) {
+ this.progress.percentage = Math.round(100 * result.loaded / result.total);
+ } else if (result instanceof HttpResponse) {
+ console.log('File ' + result.body + ' completely uploaded!');
+ this.model.image = result.body as string;
+ this.authService.setUser(this.model);
+ }
+ this.selectedFiles = undefined;
+ });
+ }
+ }
+
+ onSubmit(): void {
+ this.profilEditionService.updateUser(this.model).subscribe(() => {
+ this.setMessage('Modification enregistrée.', false);
+ }, error => {
+ this.setMessage('L\'adresse mail saisie n\'est pas disponible.', true);
+ });
+ }
+
+ setMessage(message: string, error: boolean): void {
+ this[error ? 'modelError' : 'result'] = message;
+
+ const resultMsgDiv = document.getElementById(error ? 'errorMsg' : 'resultMsg');
+ resultMsgDiv.style.maxHeight = '64px';
+
+ setTimeout(() => {
+ resultMsgDiv.style.maxHeight = '0px';
+ setTimeout(() => {
+ this[error ? 'modelError' : 'result'] = undefined;
+ }, 550);
+ }, 3000);
+ }
+}
diff --git a/src/main/ts2/src/app/account-settings/profil-edition/profil-edition.service.ts b/src/main/ts2/src/app/account-settings/profil-edition/profil-edition.service.ts
new file mode 100755
index 0000000..ac67ff4
--- /dev/null
+++ b/src/main/ts2/src/app/account-settings/profil-edition/profil-edition.service.ts
@@ -0,0 +1,30 @@
+import { Injectable } from '@angular/core';
+import {HttpClient, HttpRequest, HttpEvent} from '@angular/common/http';
+import {Observable} from 'rxjs';
+import { User } from '../../core/entities';
+import { environment } from 'src/environments/environment';
+
+const IMAGES_URL = environment.apiUrl + '/api/images';
+const ACCOUNT_URL = environment.apiUrl + '/api/account';
+
+@Injectable()
+export class ProfilEditionService {
+ constructor(private http: HttpClient) {}
+
+ uploadAvatarPicture(file: File): Observable
+ ![Card image cap]()
+
+
+
+
+
+
+
+ `,
+ styleUrls: ['./progress-bar.component.scss']
+})
+export class ProgressBarComponent {}
diff --git a/src/main/ts2/src/app/core/directives/search-bar/search-bar.component.ts b/src/main/ts2/src/app/core/directives/search-bar/search-bar.component.ts
new file mode 100755
index 0000000..95ac79e
--- /dev/null
+++ b/src/main/ts2/src/app/core/directives/search-bar/search-bar.component.ts
@@ -0,0 +1,66 @@
+import { Component } from '@angular/core';
+import { Router } from '@angular/router';
+
+ @Component({
+ selector: 'app-search-bar',
+ template: `
+
+
+
+
+ `,
+ styles: [`
+ div#search-bar {
+ position: relative;
+ margin-right: 5px;
+ }
+
+ input#search, input#search:focus {
+ border-bottom: none;
+ }
+
+ input#search {
+ width: 400px;
+ height: 36px;
+ color: white;
+ background-color: #5c6bc0;
+ border-radius: 2px;
+ border-style: unset;
+ padding-left: 10px;
+ padding-right: 35px;
+ }
+
+ input#search:focus {
+ background: white;
+ color: #3f51b5;
+ }
+
+ i#search-icon {
+ font-size: 20px;
+ position: absolute;
+ right: 15px;
+ top: 8px;
+ color: #9e9e9e;
+ cursor: pointer;
+ }
+ `]
+})
+export class SearchBarComponent {
+ model: string;
+
+ constructor(
+ private router: Router
+ ) {}
+
+ search(): void {
+ if (this.model) {
+ this.router.routeReuseStrategy.shouldReuseRoute = () => false;
+ this.router.navigateByUrl(`/posts/search/${this.model}`).then(() => {
+ this.router.navigated = false;
+ this.router.navigate([this.router.url]);
+ });
+ }
+ }
+}
diff --git a/src/main/ts2/src/app/core/directives/spinner/spinner.component.scss b/src/main/ts2/src/app/core/directives/spinner/spinner.component.scss
new file mode 100755
index 0000000..62c6b9d
--- /dev/null
+++ b/src/main/ts2/src/app/core/directives/spinner/spinner.component.scss
@@ -0,0 +1,84 @@
+$green: #00C851;
+$blue: #33b5e5;
+$red: #ff4444;
+$yellow: #ffbb33;
+$white: #eee;
+
+$width: 100px;
+
+body {
+ background-color: $white;
+}
+
+.showbox {
+ padding: 5%;
+}
+
+.loader {
+ position: relative;
+ margin: 0 auto;
+ width: $width;
+ &:before {
+ content: '';
+ display: block;
+ padding-top: 100%;
+ }
+}
+
+.circular {
+ animation: rotate 2s linear infinite;
+ height: 100%;
+ transform-origin: center center;
+ width: 100%;
+ position: absolute;
+ top: 0;
+ bottom: 0;
+ left: 0;
+ right: 0;
+ margin: auto;
+}
+
+.path {
+ stroke-dasharray: 1, 200;
+ stroke-dashoffset: 0;
+ animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
+ stroke-linecap: round;
+}
+
+@keyframes rotate {
+ 100% {
+ transform: rotate(360deg);
+ }
+}
+
+@keyframes dash {
+ 0% {
+ stroke-dasharray: 1, 200;
+ stroke-dashoffset: 0;
+ }
+ 50% {
+ stroke-dasharray: 89, 200;
+ stroke-dashoffset: -35px;
+ }
+ 100% {
+ stroke-dasharray: 89, 200;
+ stroke-dashoffset: -124px;
+ }
+}
+
+@keyframes color {
+ 100%,
+ 0% {
+ stroke: $red;
+ }
+ 40% {
+ stroke: $blue;
+ }
+ 66% {
+ stroke: $green;
+ }
+ 80%,
+ 90% {
+ stroke: $yellow;
+ }
+}
diff --git a/src/main/ts2/src/app/core/directives/spinner/spinner.component.ts b/src/main/ts2/src/app/core/directives/spinner/spinner.component.ts
new file mode 100755
index 0000000..7d5a8dd
--- /dev/null
+++ b/src/main/ts2/src/app/core/directives/spinner/spinner.component.ts
@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-spinner',
+ template: `
+
+
+ `,
+ styleUrls: ['./spinner.component.scss']
+})
+export class SpinnerComponent {
+
+}
diff --git a/src/main/ts2/src/app/core/entities.ts b/src/main/ts2/src/app/core/entities.ts
new file mode 100755
index 0000000..926c94b
--- /dev/null
+++ b/src/main/ts2/src/app/core/entities.ts
@@ -0,0 +1,75 @@
+export class Role {
+ constructor(
+ public id: number,
+ public name: string
+ ) { }
+}
+
+export class User {
+ constructor(
+ public key: string,
+ public name: string,
+ public email: string,
+ public password: string,
+ public image: string,
+ public inscriptionDate: Date,
+ public role: Role,
+ public token: string
+ ) { }
+}
+
+export class Post {
+ constructor(
+ public key: string,
+ public title: string,
+ public text: string,
+ public description: string,
+ public image: string,
+ public creationDate: Date,
+ public author: User,
+ public category: Category
+ ) { }
+}
+
+export class Category {
+ constructor(
+ public id: number,
+ public name: string,
+ public listSubCategories: Array
+
+
+
+
`,
+ styles: [`
+ div.card {
+ margin-bottom: 50px;
+ }
+ .card .card-data {
+ padding: 15px;
+ background-color: #f5f5f5;
+ }
+ .creation-date-area {
+ color: #bdbdbd;
+ font-style: italic;
+ }
+ .author-img {
+ width: 60px;
+ height: 60px;
+ border-radius: 50%;
+ margin-right: 15px;
+ }
+ #post-image {
+ width: 100%;
+ }
+ `]
+})
+export class PostCardComponent {
+ @Input() post: Post;
+
+ getAvatarUrl(): string {
+ return this.post.author.image
+ ? `${environment.apiUrl}/api/images/loadAvatar/${this.post.author.image}`
+ : './assets/images/default_user.png';
+ }
+}
diff --git a/src/main/ts2/src/app/core/services/auth.service.ts b/src/main/ts2/src/app/core/services/auth.service.ts
new file mode 100755
index 0000000..074f1c5
--- /dev/null
+++ b/src/main/ts2/src/app/core/services/auth.service.ts
@@ -0,0 +1,44 @@
+import { Injectable } from '@angular/core';
+import { User } from '../entities';
+
+const PARAM_TOKEN = 'token';
+const PARAM_USER = 'user';
+
+@Injectable()
+export class AuthService {
+ authenticated: boolean = false;
+
+ constructor() {}
+
+ public setAuthenticated(pAuthenticated: boolean): void {
+ this.authenticated = pAuthenticated;
+ }
+
+ public getToken(): string {
+ return localStorage.getItem(PARAM_TOKEN);
+ }
+
+ public setToken(token: string): void {
+ localStorage.setItem(PARAM_TOKEN, token);
+ }
+
+ public isAuthenticated(): boolean {
+ return this.authenticated;
+ }
+
+ public disconnect(): void {
+ localStorage.clear();
+ }
+
+ public isAdmin(): boolean {
+ return false;
+ }
+
+ public setUser(user: User): void {
+ localStorage.setItem(PARAM_USER, JSON.stringify(user));
+ }
+
+ public getUser(): User {
+ return JSON.parse(localStorage.getItem(PARAM_USER));
+ }
+}
diff --git a/src/main/ts2/src/app/disconnection/disconnection.component.ts b/src/main/ts2/src/app/disconnection/disconnection.component.ts
new file mode 100755
index 0000000..d7d4a95
--- /dev/null
+++ b/src/main/ts2/src/app/disconnection/disconnection.component.ts
@@ -0,0 +1,21 @@
+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+
+import { AuthService } from '../core/services/auth.service';
+
+@Component({
+ selector: 'app-disconnection',
+ template: 'Déconnexion...'
+})
+export class DisconnectionComponent implements OnInit {
+
+ constructor(
+ private authService: AuthService,
+ private router: Router
+ ) {}
+
+ ngOnInit(): void {
+ this.authService.setAuthenticated(false);
+ this.router.navigate(['/home']);
+ }
+}
diff --git a/src/main/ts2/src/app/footer/footer.component.html b/src/main/ts2/src/app/footer/footer.component.html
new file mode 100755
index 0000000..01a1993
--- /dev/null
+++ b/src/main/ts2/src/app/footer/footer.component.html
@@ -0,0 +1,20 @@
+
diff --git a/src/main/ts2/src/app/footer/footer.component.scss b/src/main/ts2/src/app/footer/footer.component.scss
new file mode 100755
index 0000000..e7947e6
--- /dev/null
+++ b/src/main/ts2/src/app/footer/footer.component.scss
@@ -0,0 +1,19 @@
+footer {
+ position: absolute;
+ right: 0;
+ bottom: 0;
+ left: 0;
+}
+
+.page-footer {
+ padding-top: 0px;
+}
+
+span.anticopy {
+ display: inline-block;
+ transform: rotate(180deg);
+}
+
+#appVersion {
+ color: rgba(255, 255, 255, 0.6);
+}
\ No newline at end of file
diff --git a/src/main/ts2/src/app/footer/footer.component.ts b/src/main/ts2/src/app/footer/footer.component.ts
new file mode 100755
index 0000000..4598308
--- /dev/null
+++ b/src/main/ts2/src/app/footer/footer.component.ts
@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+
+import { environment } from 'src/environments/environment';
+
+@Component({
+ selector: 'app-footer',
+ templateUrl: './footer.component.html',
+ styleUrls: ['./footer.component.scss']
+})
+export class FooterComponent {
+ appVersion = environment.appVersion;
+}
diff --git a/src/main/ts2/src/app/forbidden/forbidden.component.ts b/src/main/ts2/src/app/forbidden/forbidden.component.ts
new file mode 100755
index 0000000..693c5e1
--- /dev/null
+++ b/src/main/ts2/src/app/forbidden/forbidden.component.ts
@@ -0,0 +1,18 @@
+import { Component } from '@angular/core';
+
+@Component({
+ selector: 'app-forbidden',
+ template: `
+
+ ![Article]()
+
+
+
+
+
+
+ {{post.title}}
+{{post.description}}
+
+ ![]()
+ Article écrit par {{post.author.name}}
+ ({{post.creationDate | date:'yyyy-MM-dd HH:mm:ss'}})
+
+
+ 
+
+ `,
+ styles: [`
+ img {
+ max-height: 500px;
+ margin-bottom: 30px;
+ }
+ `]
+})
+export class ForbiddenComponent {}
diff --git a/src/main/ts2/src/app/header/header.component.html b/src/main/ts2/src/app/header/header.component.html
new file mode 100755
index 0000000..e46b1e7
--- /dev/null
+++ b/src/main/ts2/src/app/header/header.component.html
@@ -0,0 +1,62 @@
+
+ Vous n'êtes pas autorisé à effectuer cette action...
+
+ Codiki
+ Codiki - {{title}}
+
+
+
diff --git a/src/main/ts2/src/app/home/home.component.scss b/src/main/ts2/src/app/home/home.component.scss
new file mode 100755
index 0000000..8d84d2e
--- /dev/null
+++ b/src/main/ts2/src/app/home/home.component.scss
@@ -0,0 +1,3 @@
+div.card {
+ margin-bottom: 50px;
+}
diff --git a/src/main/ts2/src/app/home/home.component.ts b/src/main/ts2/src/app/home/home.component.ts
new file mode 100755
index 0000000..1bf46c9
--- /dev/null
+++ b/src/main/ts2/src/app/home/home.component.ts
@@ -0,0 +1,24 @@
+import { Component, OnInit } from '@angular/core';
+
+import { HomeService } from './home.service';
+import { Post } from '../core/entities';
+
+@Component({
+ selector: 'app-home',
+ templateUrl: './home.component.html',
+ styleUrls: ['./home.component.scss']
+})
+export class HomeComponent implements OnInit {
+ listArticle: ArrayDerniers articles
+
+
+
+
diff --git a/src/main/ts2/src/app/login/login.component.ts b/src/main/ts2/src/app/login/login.component.ts
new file mode 100755
index 0000000..2ef70ab
--- /dev/null
+++ b/src/main/ts2/src/app/login/login.component.ts
@@ -0,0 +1,63 @@
+import { Component } from '@angular/core';
+import { User } from '../core/entities';
+import { AuthService } from '../core/services/auth.service';
+import { LoginService } from './login.service';
+import { Router } from '@angular/router';
+
+@Component({
+ selector: 'app-login',
+ templateUrl: './login.component.html',
+ styles: [`
+ #form {
+ padding-bottom: 10px;
+ }
+
+ .submitFormArea {
+ line-height: 50px;
+ }
+
+ #errorMsg {
+ max-height: 0;
+ overflow: hidden;
+ transition: max-height 0.5s ease-out;
+ margin: 0;
+ }
+ `]
+})
+export class LoginComponent {
+ model: User = new User('', '', '', '', '', null, null, '');
+ loginError: string;
+
+ constructor(
+ private loginService: LoginService,
+ private authService: AuthService,
+ private router: Router
+ ) {}
+
+ onSubmit(): void {
+ this.loginError = undefined;
+
+ this.loginService.login(this.model).subscribe(user => {
+ // this.authService.setToken(user.token);
+ this.authService.setAuthenticated(true);
+ this.authService.setUser(user);
+ this.router.navigate(['/myPosts']);
+ }, error => {
+ this.setMessage('Email ou password incorrect.');
+ });
+ }
+
+ setMessage(message: string): void {
+ this.loginError = message;
+
+ const resultMsgDiv = document.getElementById('errorMsg');
+ resultMsgDiv.style.maxHeight = '64px';
+
+ setTimeout(() => {
+ resultMsgDiv.style.maxHeight = '0px';
+ setTimeout(() => {
+ this.loginError = undefined;
+ }, 550);
+ }, 3000);
+ }
+}
diff --git a/src/main/ts2/src/app/login/login.service.ts b/src/main/ts2/src/app/login/login.service.ts
new file mode 100755
index 0000000..0437af0
--- /dev/null
+++ b/src/main/ts2/src/app/login/login.service.ts
@@ -0,0 +1,20 @@
+import { Injectable } from '@angular/core';
+import { HttpClient, HttpHeaders } from '@angular/common/http';
+import { RequestOptions } from '@angular/http';
+import { Observable } from 'rxjs';
+
+import { User } from '../core/entities';
+import { environment } from 'src/environments/environment';
+
+const LOGIN_URL = environment.apiUrl + '/api/account/login';
+
+@Injectable()
+export class LoginService {
+
+ constructor(private http: HttpClient) {}
+
+ login(user: User): Observable
+
+Connexion
+ +
+ 
+
+ `
+})
+export class NotFoundComponent {}
diff --git a/src/main/ts2/src/app/posts/byCategory/by-category.component.html b/src/main/ts2/src/app/posts/byCategory/by-category.component.html
new file mode 100755
index 0000000..1341b6d
--- /dev/null
+++ b/src/main/ts2/src/app/posts/byCategory/by-category.component.html
@@ -0,0 +1,7 @@
+
+ Page non trouvée...
+
+
diff --git a/src/main/ts2/src/app/posts/byCategory/by-category.component.ts b/src/main/ts2/src/app/posts/byCategory/by-category.component.ts
new file mode 100755
index 0000000..9eee26d
--- /dev/null
+++ b/src/main/ts2/src/app/posts/byCategory/by-category.component.ts
@@ -0,0 +1,31 @@
+import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute } from '@angular/router';
+
+import { Post, Category } from '../../core/entities';
+import { ByCategoryService } from './by-category.service';
+
+@Component({
+ selector: 'app-posts-by-category',
+ templateUrl: './by-category.component.html'
+})
+export class ByCategoryComponent implements OnInit {
+ category: Category;
+ listPosts: ArrayCatégorie {{category.name}}
+
+
+
+
+
+
+
diff --git a/src/main/ts2/src/app/posts/create-update/create-update-post.component.scss b/src/main/ts2/src/app/posts/create-update/create-update-post.component.scss
new file mode 100755
index 0000000..94a5e4e
--- /dev/null
+++ b/src/main/ts2/src/app/posts/create-update/create-update-post.component.scss
@@ -0,0 +1,237 @@
+.card {
+ margin-bottom: 50px;
+}
+
+.card-header {
+ padding-top: 24px;
+ padding-left: 24px;
+ padding-right: 24px;
+ padding-bottom: 0px;
+ border-width: 0px;
+}
+.tabs {
+ width: 50%;
+ text-align: center;
+ line-height: 62px;
+}
+.tabs.active {
+ border-bottom: 4px solid white;
+}
+
+textarea {
+ height: 250px;
+ overflow-y: scroll;
+}
+
+.custom-select {
+ border: 0px;
+ border-bottom: 1px #aaa solid;
+ border-radius: 0;
+ padding-left: 0;
+ margin-bottom: 20px;
+}
+
+.custom-select:focus {
+ -webkit-box-shadow: 0;
+ box-shadow: 0;
+}
+
+.md-form {
+ margin-bottom: 35px;
+}
+
+#footer {
+ line-height: 57px;
+ padding-left: 15px;
+}
+
+#toolbox {
+ margin-left: 5px;
+ margin-bottom: 15px;
+}
+
+.btn-floating {
+ border-radius: 50%;
+ padding: 0;
+ margin: 2px;
+ width: 40px;
+ height: 40px;
+ background-color: #3f51b5;
+ text-align: center;
+ box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
+ transition: box-shadow 0.3s ease-in-out;
+}
+
+.btn-floating:hover {
+ box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
+}
+
+#text {
+ padding: 0;
+}
+
+#resultMsg, #errorMsg {
+ max-height: 0;
+ overflow: hidden;
+ transition: max-height 0.5s ease-out;
+ margin: 0;
+}
+
+
+.wrap {
+ top: 40%;
+ width: 100%;
+ margin: 0 auto;
+}
+
+/* select starting stylings ------------------------------*/
+.select {
+ position: relative;
+ width: 100%;
+}
+
+.select-text {
+ position: relative;
+ font-family: inherit;
+ background-color: transparent;
+ width: 100%;
+ padding: 10px 10px 10px 0;
+ font-size: 18px;
+ border-radius: 0;
+ border: none;
+ border-bottom: 1px solid #bdbdbd;
+}
+
+/* Remove focus */
+.select-text:focus {
+ outline: none;
+ border-bottom: 1px solid rgba(0,0,0, 0);
+}
+
+/* Use custom arrow */
+.select .select-text {
+ appearance: none;
+ -webkit-appearance:none
+}
+
+.select:after {
+ position: absolute;
+ top: 18px;
+ right: 10px;
+ /* Styling the down arrow */
+ width: 0;
+ height: 0;
+ padding: 0;
+ content: '';
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ border-top: 6px solid #bdbdbd;
+ pointer-events: none;
+}
+
+
+/* LABEL ======================================= */
+.select-label {
+ color: #757575;
+ font-size: 1rem;
+ font-weight: normal;
+ position: absolute;
+ pointer-events: none;
+ left: 0;
+ top: -5px;
+ transition: 0.2s ease all;
+}
+
+/* active state */
+.select-text:focus ~ .select-label {
+ color: #2F80ED;
+}
+.select-text:focus ~ .select-label, .select-text:valid ~ .select-label {
+ top: -20px;
+ transition: 0.2s ease all;
+ font-size: 14px;
+}
+
+/* BOTTOM BARS ================================= */
+.select-bar {
+ position: relative;
+ display: block;
+ width: 100%;
+}
+
+.select-bar:before, .select-bar:after {
+ content: '';
+ height: 2px;
+ width: 0;
+ bottom: 1px;
+ position: absolute;
+ background: #2F80ED;
+ transition: 0.2s ease all;
+}
+
+.select-bar:before {
+ left: 50%;
+}
+
+.select-bar:after {
+ right: 50%;
+}
+
+/* active state */
+.select-text:focus ~ .select-bar:before, .select-text:focus ~ .select-bar:after {
+ width: 50%;
+}
+
+/* HIGHLIGHTER ================================== */
+.select-highlight {
+ position: absolute;
+ height: 60%;
+ width: 40%;
+ top: 25%;
+ left: 0;
+ pointer-events: none;
+ opacity: 0.5;
+}
+
+
+
+
+$btnSize: 45px;
+
+.fixed-action-btn {
+ display: block;
+ position: absolute;
+ bottom: 10px;
+ right: 40px;
+ z-index: 997;
+ width: $btnSize;
+ height: $btnSize;
+ border-radius: 50%;
+ line-height: $btnSize;
+ text-align: center;
+ font-size: 25px;
+ box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
+ transition: box-shadow 0.3s ease-in-out;
+}
+.fixed-action-btn:hover {
+ box-shadow: 0 8px 17px 0 rgba(0,0,0,.2), 0 6px 20px 0 rgba(0,0,0,.19);
+}
+
+
+#image-div {
+ height: 60vh;
+ overflow-y: scroll;
+}
+
+.uploaded-image {
+ display: inline-flex;
+ position: relative;
+ width: 300px;
+ height: 300px;
+ background-color: #fff;
+ border-radius: 3px;
+ box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 3px 1px -2px rgba(0,0,0,0.12),0 1px 5px 0 rgba(0,0,0,0.2);
+ cursor:pointer;
+ margin-right: 15px;
+ margin-bottom: 15px;
+}
\ No newline at end of file
diff --git a/src/main/ts2/src/app/posts/create-update/create-update-post.component.ts b/src/main/ts2/src/app/posts/create-update/create-update-post.component.ts
new file mode 100755
index 0000000..2f31aa1
--- /dev/null
+++ b/src/main/ts2/src/app/posts/create-update/create-update-post.component.ts
@@ -0,0 +1,232 @@
+import { Component, OnInit, SecurityContext, ViewChild } from '@angular/core';
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { Router, ActivatedRoute, RoutesRecognized } from '@angular/router';
+
+import { Post, Category, Image } from '../../core/entities';
+import { AuthService } from '../../core/services/auth.service';
+import { CreateUpdatePostService } from './create-update-post.service';
+
+import { filter } from 'rxjs/operators';
+import { environment } from 'src/environments/environment';
+import { HttpEventType, HttpResponse } from '@angular/common/http';
+
+enum Tabs {
+ EDITION = 'Édition',
+ PREVIEW = 'Aperçu'
+}
+
+declare let Prism: any;
+
+@Component({
+ selector: 'app-create-update-post',
+ templateUrl: './create-update-post.component.html',
+ styleUrls: ['./create-update-post.component.scss']
+})
+export class CreateUpdatePostComponent implements OnInit {
+ static INPUT_POST_TEXT = 'text';
+
+ @ViewChild('frameCode') public contentModal;
+ @ViewChild('frameImages') public imagesModal;
+
+ model: Post = new Post('', '', '', '', '', null, null, null);
+ parsedPost: Post;
+
+ listCategories: Array
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{modelError}}
+
+
+
+
+ {{result}}
+
+
+
+
+ ![Post image]()
+
+
+
+ +
+ {{parsedPost.title}}
+{{parsedPost.description}}
++ +
+
+
+
+ `
+})
+export class SearchComponent implements OnInit {
+ searchLoading: boolean;
+ listArticle: ArrayRésultats de la recherche
+
+
+
+
diff --git a/src/main/ts2/src/app/signin/signin.component.ts b/src/main/ts2/src/app/signin/signin.component.ts
new file mode 100755
index 0000000..c4b8590
--- /dev/null
+++ b/src/main/ts2/src/app/signin/signin.component.ts
@@ -0,0 +1,68 @@
+import { Component } from '@angular/core';
+import { User } from '../core/entities';
+import { SigninService } from './signin.service';
+import { Router } from '@angular/router';
+
+@Component({
+ selector: 'app-signin',
+ templateUrl: './signin.component.html',
+ styles: [`
+ #form {
+ padding-bottom: 10px;
+ }
+
+ .submitFormArea {
+ line-height: 50px;
+ }
+
+ #errorMsg {
+ max-height: 0;
+ overflow: hidden;
+ transition: max-height 0.5s ease-out;
+ margin: 0;
+ }
+ `]
+})
+export class SigninComponent {
+ model: User = new User('', '', '', '', '', null, null, '');
+ confirmPassword: string;
+ errorMsg: string;
+
+ constructor(
+ private signinService: SigninService,
+ private router: Router
+ ) {}
+
+ onSubmit(): void {
+ if (this.confirmPassword && this.confirmPassword === this.model.password) {
+ this.signinService.signin(this.model).subscribe(user => {
+ this.router.navigate(['/login']);
+ }, error => {
+ switch (error.status) {
+ case 409:
+ this.setMessage('L\'adresse mail saisie n\'est pas disponible');
+ break;
+ default:
+ this.setMessage('Une erreur est survenue lors de l\'inscription, veuillez réessayer plus tard');
+ break;
+ }
+ });
+ } else {
+ this.setMessage('Les mots de passe saisis ne correspondent pas');
+ }
+ }
+
+ setMessage(message: string): void {
+ this.errorMsg = message;
+
+ const resultMsgDiv = document.getElementById('errorMsg');
+ resultMsgDiv.style.maxHeight = '64px';
+
+ setTimeout(() => {
+ resultMsgDiv.style.maxHeight = '0px';
+ setTimeout(() => {
+ this.errorMsg = undefined;
+ }, 550);
+ }, 3000);
+ }
+}
diff --git a/src/main/ts2/src/app/signin/signin.service.ts b/src/main/ts2/src/app/signin/signin.service.ts
new file mode 100755
index 0000000..9ae850b
--- /dev/null
+++ b/src/main/ts2/src/app/signin/signin.service.ts
@@ -0,0 +1,18 @@
+import { Injectable } from '@angular/core';
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+
+import { User } from '../core/entities';
+import { environment } from 'src/environments/environment';
+
+const SIGNIN_URL = environment.apiUrl + '/api/account/signin';
+
+@Injectable()
+export class SigninService {
+
+ constructor(private http: HttpClient) {}
+
+ signin(user: User): Observable
+
+Inscrition
+ +
+
diff --git a/src/main/ts2/src/app/version-revisions/version-revisions.component.ts b/src/main/ts2/src/app/version-revisions/version-revisions.component.ts
new file mode 100755
index 0000000..682618e
--- /dev/null
+++ b/src/main/ts2/src/app/version-revisions/version-revisions.component.ts
@@ -0,0 +1,51 @@
+import { Component, OnInit } from '@angular/core';
+import { VersionRevisionService } from './version-revisions.service';
+import { VersionRevision, Version } from '../core/entities';
+
+
+
+@Component({
+ selector: 'app-version-revisions',
+ templateUrl: 'version-revisions.component.html',
+ styles: [`
+ #versionRevisionsArea {
+ padding-top: 70px;
+ }
+
+ @media screen and (max-width: 767px) {
+ #versionRevisionsArea {
+ padding-top: 20px;
+ }
+ }
+ `]
+})
+export class VersionRevisionComponent implements OnInit {
+ versionsList: Array
+
+ Versions
+ +
+
+
+
+ Ajouts de fonctionnalités
+-
+
- + {{versionRevision.text}} + +
Aucune nouvelle fonctionnalité pour cette version.
+ +
+
+ Correction d'anomalies
+-
+
- + {{versionRevision.text}} + +