feat: added application menu

Author: Leonardo Chaia

src/app/app-menu/app-menu.module.ts

@@ -0,0 +1,15 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ElectronToolsModule } from '../electron-tools/electron-tools.module';
+import { TabsModule } from '../tabs/tabs.module';
+
+@NgModule({
+  imports: [
+    CommonModule,
+
+    ElectronToolsModule,
+    TabsModule,
+  ],
+  declarations: []
+})
+export class AppMenuModule { }

src/app/app-menu/app-menu.service.ts

@@ -0,0 +1,102 @@
+import { Injectable, NgZone } from '@angular/core';
+import { ElectronService } from '../electron-tools/electron.service';
+import { MenuItemConstructorOptions } from 'electron';
+import { environment } from '../../environments/environment';
+import { TabService } from '../tabs/tab.service';
+import { TimoneerTabs } from '../timoneer-tabs';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AppMenuService {
+
+  constructor(private electronService: ElectronService,
+    private ngZone: NgZone,
+    private tabService: TabService) { }
+
+  public loadMenu() {
+    const { Menu } = this.electronService.remote;
+
+    const template: MenuItemConstructorOptions[] = [
+      {
+        label: 'File',
+        submenu: [
+          { role: 'reload', accelerator: '' },
+          { role: 'close', accelerator: '' },
+        ]
+      },
+      {
+        label: 'Edit',
+        submenu: [
+          {
+            label: 'Settings',
+            click: () => {
+              this.openTab(TimoneerTabs.SETTINGS);
+            }
+          }
+        ]
+      },
+      {
+        label: 'Docker',
+        submenu: [
+          {
+            label: 'Images',
+            click: () => {
+              this.openTab(TimoneerTabs.DOCKER_IMAGES);
+            }
+          },
+          {
+            label: 'Volumes',
+            click: () => {
+              this.openTab(TimoneerTabs.DOCKER_VOLUMES);
+            }
+          },
+          {
+            label: 'System',
+            click: () => {
+              this.openTab(TimoneerTabs.DOCKER_SYSTEM);
+            }
+          },
+        ]
+      },
+      {
+        label: 'Window',
+        submenu: [
+          { role: 'togglefullscreen' },
+        ]
+      },
+      {
+        label: 'Help',
+        submenu: [
+          {
+            label: 'Learn More',
+            click: () => {
+              const shell = this.electronService.remote.shell;
+              shell.openExternal('https://github.com/leonardochaia/timoneer');
+            }
+          }
+        ]
+      }
+    ];
+
+    if (!environment.production) {
+      template.push({
+        label: 'Development',
+        submenu: [
+          { role: 'reload' },
+          { role: 'forcereload' },
+          { role: 'toggledevtools' },
+        ]
+      });
+    }
+
+    const menu = Menu.buildFromTemplate(template);
+    Menu.setApplicationMenu(menu);
+  }
+
+  private openTab(tab: string) {
+    this.ngZone.run(() => {
+      this.tabService.add(tab);
+    });
+  }
+}

src/app/app.module.ts

@@ -11,6 +11,7 @@ import { ApplicationTemplatesModule } from './application-templates/application-
 import { HotkeyModule } from 'angular2-hotkeys';
 import { AppTabsModule } from './app-tabs.module';
 import { GlobalShortcutsModule } from './global-shortcuts.module';
+import { AppMenuModule } from './app-menu/app-menu.module';
 
 @NgModule({
   imports: [
@@ -19,6 +20,7 @@ import { GlobalShortcutsModule } from './global-shortcuts.module';
     HotkeyModule.forRoot(),
 
     AppTabsModule,
+    AppMenuModule,
     GlobalShortcutsModule,
 
     HomeModule,