feat: add qr code, many enhancements

lwestfall · Jan 5, 2024 · a79ce56 · a79ce56
1 parent 58488e2
commit a79ce56
Show file tree

Hide file tree

Showing 15 changed files with 317 additions and 110 deletions.
diff --git a/src/Client/package-lock.json b/src/Client/package-lock.json
diff --git a/src/Client/package.json b/src/Client/package.json
@@ -31,6 +31,7 @@
     "@ngrx/store": "^17.0.1",
     "@ngrx/store-devtools": "^17.0.1",
     "@popperjs/core": "^2.11.8",
+    "angularx-qrcode": "^17.0.0",
     "bootstrap": "^5.3.2",
     "bootstrap-icons": "^1.11.2",
     "lodash-es": "^4.17.21",

diff --git a/src/Client/src/app/books/book-card/book-card.component.html b/src/Client/src/app/books/book-card/book-card.component.html
@@ -1,5 +1,5 @@
 <div class="card w-100" style="max-width: 30rem">
-  <div class="ripple" *ngIf="!noRipple && recommendedForNext"></div>
+  <div class="ripple" *ngIf="ripple"></div>
   <div class="card-body">
     <div class="d-flex flex-row gap-2 align-items-center">
       <div>
@@ -18,6 +18,8 @@ <h6 class="card-subtitle mb-2 text-body-secondary">
     </div>
     <div class="text-center" *ngIf="mine">
       @if (recommendedForNext) {
+        <h6 class="text-success my-2">Recommended for next meeting!</h6>
+      } @else {
         <div
           [ngbTooltip]="
             !nextMeetingId ? 'Next meeting hasn\'t been scheduled yet!' : null
@@ -31,10 +33,7 @@ <h6 class="card-subtitle mb-2 text-body-secondary">
             Recommend for next meeting!
           </button>
         </div>
-      } @else {
-        <h6 class="text-success my-2">Recommended for next meeting!</h6>
       }
-      <ng-template #recommendedForNext> </ng-template>
     </div>
     <div class="d-flex flex-row gap-2 align-items-center">
       <hr class="flex-grow-1" />