messing around with the settings

Ombi/Ombi/Ombi.csproj

@@ -6,6 +6,24 @@
 
   </PropertyGroup>
 
+  <ItemGroup>
+    <Content Include="wwwroot\app\settings\settingsapp.component.html">
+      <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
+    </Content>
+    <Content Include="wwwroot\app\settings\app.component.js.map">
+      <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
+    </Content>
+    <Content Include="wwwroot\app\settings\settingsapp.component.js" />
+    <Content Include="wwwroot\app\settings\settingsapp.component.js.map" />
+    <Content Include="wwwroot\app\settings\settingsapp.component.ts">
+      <CopyToPublishDirectory>PreserveNewest</CopyToPublishDirectory>
+    </Content>
+    <Content Include="wwwroot\app\settings\settingsmenu.component.html" />
+    <Content Include="wwwroot\app\settings\settingsmenu.component.js" />
+    <Content Include="wwwroot\app\settings\settingsmenu.component.js.map" />
+    <Content Include="wwwroot\app\settings\settingsmenu.component.ts" />
+  </ItemGroup>
+
 
   <ItemGroup>
     <PackageReference Include="Microsoft.AspNetCore" Version="1.1.1" />

Ombi/Ombi/wwwroot/app/app.component.html

@@ -1,4 +1,4 @@
-<p-growl [value]="notificationService.messages" style="margin-top: 35px;"></p-growl>
+<p-growl [value]="notificationService.messages" ></p-growl>
 
 <nav class="navbar navbar-default navbar-fixed-top">
     <div class="container-fluid">
@@ -20,7 +20,7 @@
                 <li><a [routerLink]="['/requests']"><i class="fa fa-plus"></i> Requests</a></li>
             </ul>
             <ul class="nav navbar-nav">
-                <li><a [routerLink]="['/settings/ombi']"><i class="fa fa-cog"></i> Settings</a></li>
+                <li><a [routerLink]="['/Settings/Ombi']"><i class="fa fa-cog"></i> Settings</a></li>
             </ul>
         </div>
     </div>

Ombi/Ombi/wwwroot/app/settings/ombi/ombi.component.html

@@ -1 +1,7 @@
-
+<settings-menu></settings-menu>
+Settings
+
+
+Enabled: <p-inputSwitch [(ngModel)]="enabled"></p-inputSwitch>
+
+HostName:<input type="text" pInputText [(ngModel)]="host" />

Ombi/Ombi/wwwroot/app/settings/ombi/ombi.component.ts

@@ -6,6 +6,6 @@
 })
 export class OmbiComponent {
 
-  
+  enabled:boolean;
-
+    host:string;
 }

Ombi/Ombi/wwwroot/app/settings/settings.module.ts

@@ -5,6 +5,9 @@ import { RouterModule, Routes } from '@angular/router';
 
 import { OmbiComponent } from './ombi/ombi.component'
 
+import { SettingsMenuComponent } from './settingsmenu.component';
+
+import { MenuModule, InputSwitchModule, InputTextModule } from 'primeng/primeng';
 
 const routes: Routes = [
     { path: 'Settings/Ombi', component: OmbiComponent }
@@ -15,15 +18,20 @@ const routes: Routes = [
         CommonModule,
         FormsModule,
         RouterModule.forChild(routes),
+        MenuModule,
+        InputSwitchModule,
+        InputTextModule,
 
     ],
     declarations: [
+        SettingsMenuComponent,
         OmbiComponent
     ],
     exports: [
         RouterModule
     ],
     providers: [
-    ]
+    ],
+   
 })
 export class SettingsModule { }

Ombi/Ombi/wwwroot/app/settings/settingsmenu.component.html

@@ -0,0 +1 @@
+<p-menu [model]="menu"></p-menu>

Ombi/Ombi/wwwroot/app/settings/settingsmenu.component.ts

@@ -0,0 +1,27 @@
+import { Component, OnInit } from '@angular/core';
+import { MenuItem } from 'primeng/primeng';
+@Component({
+    selector: 'settings-menu',
+    moduleId: module.id,
+    templateUrl: './settingsmenu.component.html'
+})
+export class SettingsMenuComponent implements OnInit {
+    private menu: MenuItem[];
+
+    ngOnInit() {
+        this.menu = [{
+            label: 'File',
+            items: [
+                { label: 'Ombi', icon: 'fa-plus', routerLink:"/Settings/Ombi" },
+                { label: 'Open', icon: 'fa-download' }
+            ]
+        },
+        {
+            label: 'Edit',
+            items: [
+                { label: 'Undo', icon: 'fa-refresh' },
+                { label: 'Redo', icon: 'fa-repeat' }
+            ]
+        }];
+    }
+}