#113 Fixing missing title in tooltip for archievement items

Fixing arcodion header icon to show the name of the last archivement correctly
iteratec · Jun 16, 2022 · ab95a96 · ab95a96
1 parent 4f38bde
commit ab95a96
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/src/main/webapp/app/custom/shared/achievement-item/achievement-item.component.html b/src/main/webapp/app/custom/shared/achievement-item/achievement-item.component.html
@@ -1,6 +1,6 @@
 <ng-template #popoverContent>
   <div class="d-flex flex-column align-items-center">
-    <div>{{ item.title }}</div>
+    <div class="lead">{{ item | translateModel: 'title' }}</div>
     <jhi-number-input
       *ngIf="inEditMode && active"
       [value]="item.instantMultiplier"
@@ -35,12 +35,13 @@
     <span class="item-image">
       <img
         *ngIf="item.image?.id; else picturePlaceholder"
-        [title]="item.title"
+        [title]="item.titleEN"
         [src]="item.image?.id | imageUrl: 'medium':(item.hash ? item.hash : item.id)"
         class="mx-auto"
       />
       <ng-template #picturePlaceholder>
-        <span class="img-placeholder">{{ item.name | truncateString }}</span>
+        <!-- FIXME: add translation pipe -->
+        <span class="img-placeholder">{{ item.titleEN | truncateString }}</span>
       </ng-template>
     </span>
   </div>

diff --git a/src/main/webapp/app/custom/teams/teams-achievements/teams-achievements.component.html b/src/main/webapp/app/custom/teams/teams-achievements/teams-achievements.component.html
@@ -7,7 +7,7 @@ <h4>{{ 'teamDojoApp.teams.achievements.title' | translate }}</h4>
           <div class="achievement-list-header d-flex align-items-center">
             <div class="achievement-list-header-left">
               <span class="achievement-list-header-left-image">
-                <jhi-achievement-item type="item-badge" size="4vh" [item]="{ name: 'recent' }" [hasAuthority]="hasAuthority">
+                <jhi-achievement-item type="item-badge" size="4vh" [item]="{ name: 'none' }" [hasAuthority]="hasAuthority">
                 </jhi-achievement-item>
               </span>
             </div>

diff --git a/src/main/webapp/app/custom/teams/teams-achievements/teams-achievements.component.scss b/src/main/webapp/app/custom/teams/teams-achievements/teams-achievements.component.scss
@@ -18,6 +18,10 @@
       text-decoration: none;
     }
     @include accordion();
+    .achievement-list-header-left {
+      font-size: 0.4rem;
+      color: $dojo-text-primary;
+    }
     .achievement-list-header-right {
       .expand-icon {
         display: inline-block;