Added the new feature suggestion to the navbar

src/Ombi/ClientApp/src/app/interfaces/ICommon.ts

@@ -29,6 +29,7 @@ export interface IUsersModel {
 
 export interface INavBar {
     icon: string;
+    faIcon: string;
     name: string;
     link: string;
     requiresAdmin: boolean;
@@ -36,5 +37,5 @@ export interface INavBar {
     toolTip?: boolean;
     toolTipMessage?: string;
     style?: string;
-    donation?: boolean;
+    externalLink?: boolean;
 }

src/Ombi/ClientApp/src/app/my-nav/my-nav.component.html

@@ -5,20 +5,19 @@
             <span *ngFor="let nav of navItems">
 
               <div *ngIf="(nav.requiresAdmin && isAdmin || !nav.requiresAdmin) && nav.enabled">
-                
 
 
-              <a *ngIf="nav.donation" mat-list-item [href]="nav.link" target="_blank" matTooltip="{{nav.toolTipMessage | translate}}" matTooltipPosition="right" [routerLinkActive]="getTheme()">
+              <a *ngIf="nav.externalLink" mat-list-item [href]="nav.link" target="_blank" matTooltip="{{nav.toolTipMessage | translate}}" matTooltipPosition="right" [routerLinkActive]="getTheme()">
 
-                <mat-icon aria-label="Side nav toggle icon" [style]="nav.style" >{{nav.icon}}</mat-icon>
+                <mat-icon *ngIf="nav.icon" aria-label="Side nav toggle icon" [style]="nav.style" >{{nav.icon}}</mat-icon>
+                <i *ngIf="nav.faIcon" class="fa fa-lg {{nav.faIcon}}" style="padding-left: 5px; padding-right: 5px;" aria-hidden="true"></i>
                 &nbsp;{{nav.name | translate}}
               </a>
-              <a *ngIf="!nav.donation" mat-list-item [routerLink]="nav.link" [style]="nav.color" [routerLinkActive]="getTheme()">
+              <a *ngIf="!nav.externalLink" mat-list-item [routerLink]="nav.link" [style]="nav.color" [routerLinkActive]="getTheme()">
 
                 <mat-icon aria-label="Side nav toggle icon">{{nav.icon}}</mat-icon>
                 &nbsp;{{nav.name | translate}}
-              </a> 
-              
+              </a>
             </div>
             </span>
 

src/Ombi/ClientApp/src/app/my-nav/my-nav.component.ts

@@ -34,7 +34,7 @@ export class MyNavComponent implements OnInit {
   }
 
   public async ngOnInit() {
-    
+
     this.issuesEnabled = await this.settingsService.issueEnabled().toPromise();
     console.log("issues enabled: " + this.issuesEnabled);
     this.theme = this.store.get("theme");
@@ -42,14 +42,15 @@ export class MyNavComponent implements OnInit {
       this.store.save("theme","dark");
     }
     this.navItems = [
-      { name: "NavigationBar.Discover", icon: "find_replace", link: "/discover", requiresAdmin: false, enabled: true },
-      { name: "NavigationBar.Requests", icon: "list", link: "/requests-list", requiresAdmin: false, enabled: true },   
-      { name: "NavigationBar.Issues", icon: "notification_important", link: "/issues", requiresAdmin: false, enabled: this.issuesEnabled },
-      { name: "NavigationBar.UserManagement", icon: "account_circle", link: "/usermanagement", requiresAdmin: true, enabled: true },
+      { name: "NavigationBar.Discover", icon: "find_replace", link: "/discover", requiresAdmin: false, enabled: true, faIcon: null },
+      { name: "NavigationBar.Requests", icon: "list", link: "/requests-list", requiresAdmin: false, enabled: true, faIcon: null },
+      { name: "NavigationBar.Issues", icon: "notification_important", link: "/issues", requiresAdmin: false, enabled: this.issuesEnabled, faIcon: null },
+      { name: "NavigationBar.UserManagement", icon: "account_circle", link: "/usermanagement", requiresAdmin: true, enabled: true, faIcon: null },
       // { name: "NavigationBar.Calendar", icon: "calendar_today", link: "/calendar", requiresAdmin: false, enabled: true },
-      { name: "NavigationBar.Donate", icon: "attach_money", link: "https://www.paypal.me/PlexRequestsNet", donation: true, requiresAdmin: true, enabled: true, toolTip: true, style: "color:red;", toolTipMessage: 'NavigationBar.DonateTooltip' },
-      { name: "NavigationBar.Settings", icon: "settings", link: "/Settings/About", requiresAdmin: true, enabled: true },
-      { name: "NavigationBar.UserPreferences", icon: "person", link: "/user-preferences", requiresAdmin: false, enabled: true },
+      { name: "NavigationBar.Donate", icon: "attach_money", link: "https://www.paypal.me/PlexRequestsNet", externalLink: true, requiresAdmin: true, enabled: true, toolTip: true, style: "color:red;", toolTipMessage: 'NavigationBar.DonateTooltip', faIcon: null },
+      { name: "NavigationBar.FeatureSuggestion", icon: null, link: "https://features.ombi.io/", externalLink: true, requiresAdmin: false, enabled: true, toolTip: true, toolTipMessage: 'NavigationBar.FeatureSuggestionTooltip', faIcon: "fa-lightbulb-o" },
+      { name: "NavigationBar.Settings", icon: "settings", link: "/Settings/About", requiresAdmin: true, enabled: true, faIcon: null },
+      { name: "NavigationBar.UserPreferences", icon: "person", link: "/user-preferences", requiresAdmin: false, enabled: true, faIcon: null },
     ];
   }
 

src/Ombi/wwwroot/translations/en.json

@@ -67,7 +67,9 @@
         "RecentlyAdded": "Recently Added",
         "ChangeTheme": "Change Theme",
         "Calendar": "Calendar",
-        "UserPreferences": "Preferences"
+        "UserPreferences": "Preferences",
+        "FeatureSuggestion":"Feature Suggestion",
+        "FeatureSuggestionTooltip":"Have a great new idea? Suggest it here!"
     },
     "Search": {
         "Title": "Search",