Merge branch 'develop' into 'master'

Develop

See merge request youtube-public/blog!23

Author: TommiCodes

README.md

@@ -39,36 +39,13 @@ Example of file:
 `npm run cypress:report`
 
 
-# Youtube Video Links
-### Video 1, set up Blog Project (API)
-https://www.youtube.com/watch?v=5pFKw5iLL4s&feature=youtu.be
-
-### Video 2, Basic User Crud API
-https://www.youtube.com/watch?v=Z6kw_aJHJLU
-
-### Video 3, JWT Authentication and password hashing
-https://www.youtube.com/watch?v=bbDDSylRM04
-
-### Video 4, JwtGuard, RolesGuard, custom @hasRoles() annotation, and protecting one endpoint
-https://www.youtube.com/watch?v=Wzn1rzqPq_s
-
-### Video 5, Simple Pagination for getting all users
-https://www.youtube.com/watch?v=dDQaNnmcR_0
-
-### Video 6: Angular: Set Up Frontend and verify Connection to NestJs BE
-https://www.youtube.com/watch?v=YKPegsIAWhY
-
-### Video 7: Angular: Reactive Forms for Login + Register Component Part 1/2
-https://www.youtube.com/watch?v=eg4vmsKe9h4
-
-### Video 8: Angular: CustomValidators with Reactive Forms Login + Register Part 2/2
-https://www.youtube.com/watch?v=BUMWCx-mmKU
-
-### Video 9: Angular Material: DataTable & Server Side Pagination
-https://www.youtube.com/watch?v=SoMQJmMUCpw
-
-### Video 10: NestJS: Real Time Search - Filter By username and Paginate results 
-https://www.youtube.com/watch?v=KX8Mynyu9cY
+# Youtube Playlist Links
+Blog Project only NestJS Videos  
+https://www.youtube.com/playlist?list=PLVfq1luIZbSnytbsm2i8Ocf_hyUHTsqbZ  
+  
+  
+Blog Project only Angular Videos  
+https://www.youtube.com/playlist?list=PLVfq1luIZbSmAWiXmsjUsvdYRu7RdxzaM
 
-### Video 11: Angular Material: Real Time Server Side User Search with Pagination
-https://www.youtube.com/watch?v=5SOIGT9mhAY
+Blog Project All Videos
+https://www.youtube.com/playlist?list=PLVfq1luIZbSmJIuw_EZVP9mFiMED5fGIn

api/uploads/blog-entry-images/Download1d1e3628-2958-4b9c-87e2-1c558dec6cda.jpg

@@ -3,7 +3,11 @@
         <mat-card-header>
             <div style="display: flex; flex-direction: row;">
                 <div>
-                    <img src="{{origin}}/api/blog-entries/image/{{blogEntry.headerImage}}" class="header-image">
+                    <img *ngIf="blogEntry.headerImage !== null; else placeholderImage" 
+                    src="{{origin}}/api/blog-entries/image/{{blogEntry.headerImage}}" class="header-image">
+                <ng-template #placeholderImage>
+                    <img class="header-image" src="../../../assets/placeholders/placeholder-blog-entry.png">
+                </ng-template>
                 </div>
                 <div style="margin-left: 20px;">
                     <h1>{{blogEntry.title}}</h1>

api/uploads/blog-entry-images/testscreenshot20f00b48-abcb-4690-b68f-bca5d6ed1dcb.jpg

@@ -37,6 +37,7 @@ <h1 style="text-align: center;">All Users</h1>
             <mat-cell *matCellDef="let row">{{row.role}}</mat-cell>
         </ng-container>
     </mat-table>
+    
     <mat-paginator 
         [length]="dataSource.meta.totalItems" 
         [pageSize]="dataSource.meta.itemsPerPage"