Merge branch 'sprint10-staging' into sprint10-159-conditional-view-al…

…l-button
TAMULib · Sep 2, 2020 · 2a37393 · 2a37393
2 parents 1bf8e85 + 11ed932
commit 2a37393
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/src/app/tl-mega-menu/tl-mega-menu.component.html b/src/app/tl-mega-menu/tl-mega-menu.component.html
@@ -24,7 +24,7 @@
     </div>
     <div class="mega-menu-view-all">
       <tl-button-element *ngIf="viewAllHref" [href]="viewAllHref" [btnClass]="'primary'">
-        <wvr-text-element value="View All {{menuTitle}}"></wvr-text-element>
+        <wvr-text-element [value]="viewAllButtonText"></wvr-text-element>
       </tl-button-element>
     </div>
   </wvr-dropdown-menu>

diff --git a/src/app/tl-mega-menu/tl-mega-menu.component.ts b/src/app/tl-mega-menu/tl-mega-menu.component.ts
@@ -12,6 +12,9 @@ export class TlMegaMenuComponent extends TamuAbstractBaseComponent {
 
   @Input() viewAllHref = 'https://library.tamu.edu';
 
+  /** This variable allows customizing the text value of View All button in the mega menu. */
+  @Input() viewAllButtonText = `View All ${this.menuTitle}`;
+
   // tslint:disable-next-line:unnecessary-constructor
   constructor(injector: Injector) {
     super(injector);

diff --git a/src/index.html b/src/index.html
@@ -223,8 +223,8 @@
 
   <br /><hr /><br />
   <div class="container" style="height: 700px">
-    
-    <tl-mega-menu menu-title="Services" view-all-href="/view-all">
+
+    <tl-mega-menu menu-title="Services"  view-all-href="/view-all" view-all-button-text= "Customized View All Button">
       <tl-mega-menu-section section-title="Section One">
         <tl-nav-li>
           <a href="/services/option1">