Merge pull request #125 from adobecom/MWPW-154152-file-types

Mwpw 154152 file types

edsdme/blocks/search/SearchCards.js

@@ -238,7 +238,7 @@ export default class Search extends PartnerCards {
   }
 
   getPageNumArray() {
-    const countAll = this.selectedTypeCount();
+    const countAll = this.getTotalResults();
     const numberOfPages = Math.ceil(countAll / this.cardsPerPage);
     this.totalPages = numberOfPages;
     // eslint-disable-next-line consistent-return
@@ -247,7 +247,7 @@ export default class Search extends PartnerCards {
 
   get cardsCounter() {
     const startIndex = (this.paginationCounter - 1) * this.cardsPerPage;
-    const countAll = this.selectedTypeCount();
+    const countAll = this.getTotalResults();
     const endIndex = startIndex + this.cardsPerPage;
     const lastCardIndex = countAll < endIndex
       ? countAll : endIndex;
@@ -256,7 +256,7 @@ export default class Search extends PartnerCards {
     return `${startIndex + 1} - ${lastCardIndex}`;
   }
 
-  selectedTypeCount() {
+  getTotalResults() {
     let countAll;
     switch (this.contentType) {
       case 'page':
@@ -333,7 +333,7 @@ export default class Search extends PartnerCards {
             ${!this.mobileView
               ? html`
                 <div class="sidebar-header">
-                  <h3 class="sidebar-title">${this.blockData.localizedText['{{filter}}']}</h3>
+                  <h3 class="sidebar-title">${this.blockData.localizedText['{{filters}}']}</h3>
                   <button class="sidebar-clear-btn" @click="${this.handleResetActions}" aria-label="${this.blockData.localizedText['{{clear-all}}']}">${this.blockData.localizedText['{{clear-all}}']}</button>
                 </div>
                 <div class="sidebar-chosen-filters-wrapper">
@@ -405,7 +405,7 @@ export default class Search extends PartnerCards {
             ? html`
               <div class="pagination-wrapper ${this.blockData?.pagination === 'load-more' ? 'pagination-wrapper-load-more' : 'pagination-wrapper-default'}">
                 ${this.pagination}
-                <span class="pagination-total-results">${this.cardsCounter} ${this.blockData.localizedText['{{of}}']} ${this.selectedTypeCount()} ${this.blockData.localizedText['{{results}}']}</span>
+                <span class="pagination-total-results">${this.cardsCounter} <span>${this.blockData.localizedText['{{of}}']} ${this.getTotalResults()} ${this.blockData.localizedText['{{results}}']}</span></span>
               </div>
             `
             : ''
@@ -425,7 +425,7 @@ export default class Search extends PartnerCards {
               ${this.filtersMobile}
             </div>
             <div class="all-filters-footer-mobile">
-              <span class="all-filters-footer-results-mobile">${this.cards?.length} ${this.blockData.localizedText['{{results}}']}</span>
+              <span class="all-filters-footer-results-mobile">${this.getTotalResults()} ${this.blockData.localizedText['{{results}}']}</span>
               <div class="all-filters-footer-buttons-mobile">
                 <button class="all-filters-footer-clear-btn-mobile" @click="${this.handleResetActions}" aria-label="${this.blockData.localizedText['{{clear-all}}']}">${this.blockData.localizedText['{{clear-all}}']}</button>
                 <sp-theme theme="spectrum" color="light" scale="medium">

edsdme/components/PartnerCards.js

@@ -343,6 +343,10 @@ export default class PartnerCards extends LitElement {
     )}`;
   }
 
+  getTotalResults() {
+    return this.cards?.length;
+  }
+
   get filtersMobile() {
     if (!this.blockData.filters.length) return;
 
@@ -381,7 +385,7 @@ export default class PartnerCards extends LitElement {
               </ul>
               <div class="filter-footer-mobile-wrapper">
                 <div class="filter-footer-mobile">
-                  <span class="filter-footer-results-mobile">${this.cards?.length} ${this.blockData.localizedText['{{results}}']}</span>
+                  <span class="filter-footer-results-mobile">${this.getTotalResults()} ${this.blockData.localizedText['{{results}}']}</span>
                   <div class="filter-footer-buttons-mobile">
                     <button class="filter-footer-clear-btn-mobile" @click="${() => this.handleResetTags(filter.key)}" aria-label="${this.blockData.localizedText['{{clear-all}}']}">${this.blockData.localizedText['{{clear-all}}']}</button>
                     <sp-theme theme="spectrum" color="light" scale="medium">

edsdme/components/PartnerCardsStyles.js

@@ -542,6 +542,10 @@ export const partnerCardsStyles = css`
     font-weight: 700;
     text-transform: lowercase;
   }
+
+  .pagination-wrapper .pagination-total-results span {
+    font-weight: 500;
+  }
   
   @media screen and (max-width: 1200px) {
     .pagination-wrapper .pagination-total-results {

edsdme/components/SearchCard.js

@@ -57,7 +57,7 @@ class SearchCard extends LitElement {
           <div class="card-icons">
             <sp-theme theme="spectrum" color="light" scale="medium">
               <sp-action-button ?disabled=${this.isDownloadDisabled(this.data.contentArea?.type)} href="${this.setDownloadParam(this.data.contentArea?.url)}" download="${this.data.contentArea?.title}" aria-label="${this.localizedText['{{download}}']}"><sp-icon-download /></sp-action-button>
-              ${this.data.contentArea?.type === 'pdf'
+              ${this.data.contentArea?.type !== 'zip'
                 ? html`<sp-action-button href="${this.data.contentArea?.url}" target="_blank" aria-label="${this.localizedText['{{open-in}}']}"><sp-icon-open-in /></sp-action-button>`
                 : html`<sp-action-button disabled selected aria-label="${this.localizedText['{{open-in-disabled}}']}"><sp-icon-open-in /></sp-action-button>`
               }