add tags store

Tags store and tags api service added tags are also connected to the api

Author: ajitsinghkaler

src/app/models/articles.ts

@@ -1,5 +1,5 @@
-import { Organization } from "./Organisation";
-import { User } from "./User";
+import { Organization } from "./organisation";
+import { User } from "./user";
 
 export interface Article {
   type_of: string;

src/app/models/Organisation.ts src/app/models/organisation.tssrc/app/models/Organisation.ts renamed to src/app/models/organisation.ts

@@ -0,0 +1,6 @@
+export interface Tag {
+    id: number;
+    name: string;
+    bg_color_hex: string;
+    text_color_hex: string;
+}

src/app/models/tags.ts

@@ -11,7 +11,6 @@
         </div>
     </div>
     <div class="article-body">
-        <!-- Todo check spacing is 36px but should be 30px -->
         <span #ref>
             <ng-content></ng-content>
         </span>

src/app/models/User.ts src/app/models/user.tssrc/app/models/User.ts renamed to src/app/models/user.ts

@@ -11,6 +11,6 @@ export class ArticleApiService {
   constructor(private http: HttpClient) {}
 
   getArticles(): Observable<Article[]> {
-    return this.http.get<Article[]>(`${environment.baseApi}articles`);
+    return this.http.get<Article[]>(`${environment.baseApi}/articles`);
   }
 }

src/app/pages/home/articles/article-card/article-card.component.html

@@ -1,4 +1,3 @@
-import { HttpErrorResponse } from '@angular/common/http';
 import { Injectable } from '@angular/core';
 import { ComponentStore, tapResponse } from '@ngrx/component-store';
 import { Article } from '../../../../models/articles';

src/app/pages/home/articles/services/article-api.service.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { TagsApiService } from './tags-api.service';
+
+describe('TagsApiService', () => {
+  let service: TagsApiService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(TagsApiService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

src/app/pages/home/articles/services/article.store.ts

@@ -0,0 +1,17 @@
+import { HttpClient } from '@angular/common/http';
+import { Injectable } from '@angular/core';
+import { Observable } from 'rxjs';
+import { Tag } from 'src/app/models/tags';
+import { environment } from 'src/environments/environment';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class TagsApiService {
+
+  constructor(private http: HttpClient) { }
+
+  getTags(): Observable<Tag[]> {
+    return this.http.get<Tag[]>(`${environment.baseApi}/tags`);
+  }
+}

src/app/pages/home/sidebar/services/tags-api.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { TagsStore } from './tags.store';
+
+describe('TagsService', () => {
+  let service: TagsStore;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(TagsStore);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});