feat(pages): add star button

ElonH · Jun 13, 2020 · 5c23b9b · 5c23b9b
1 parent 71c0d41
commit 5c23b9b
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 1 deletion.
diff --git a/src/app/pages/pages.component.ts b/src/app/pages/pages.component.ts
@@ -21,6 +21,15 @@ import { MENU_ITEMS } from './pages-menu';
 					</nb-action>
 					<nb-action style="padding: 0 0.5rem;"> <h3>RcloneNg</h3> </nb-action>
 				</nb-actions>
+				<button
+					nbButton
+					*showItSizes="{ min: 370 }"
+					size="tiny"
+					class="star"
+					onClick="window.open('https://github.com/ElonH/RcloneNg','_blank')"
+				>
+					<nb-icon icon="github"></nb-icon> Star
+				</button>
 			</nb-layout-header>
 
 			<nb-sidebar class="main-sidebar" tag="nav" [fixed]="mainSideBarFixed" state="collapsed">
@@ -37,6 +46,10 @@ import { MENU_ITEMS } from './pages-menu';
 			.main-sidebar {
 				z-index: 1039;
 			}
+			:host .star {
+				margin-left: auto;
+				text-transform: none;
+			}
 		`,
 	],
 })

diff --git a/src/app/pages/pages.module.ts b/src/app/pages/pages.module.ts
@@ -2,7 +2,14 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
 import { NbEvaIconsModule } from '@nebular/eva-icons';
-import { NbActionsModule, NbLayoutModule, NbMenuModule, NbSidebarModule } from '@nebular/theme';
+import {
+	NbActionsModule,
+	NbButtonModule,
+	NbIconModule,
+	NbLayoutModule,
+	NbMenuModule,
+	NbSidebarModule,
+} from '@nebular/theme';
 import { ResponsiveModule } from 'ngx-responsive';
 import { PagesRoutingModule } from './pages-routing.module';
 import { PagesComponent } from './pages.component';
@@ -18,6 +25,8 @@ import { PagesComponent } from './pages.component';
 		NbSidebarModule.forRoot(),
 		NbEvaIconsModule,
 		NbMenuModule,
+		NbIconModule,
+		NbButtonModule,
 	],
 })
 export class PagesModule {}