diff --git a/src/app/pages/pages.component.ts b/src/app/pages/pages.component.ts index 852f7e52..59a94791 100644 --- a/src/app/pages/pages.component.ts +++ b/src/app/pages/pages.component.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { Routes } from '@angular/router'; import { BaMenuService } from '../theme'; @@ -14,6 +14,15 @@ import { PAGES_MENU } from './pages.menu'; + + + + Hey, we've just released a new Angular 4+ version, check out here! + + + + - ` + `, + styles: [` + .banner-container { + position: fixed; + bottom: 50px; + right: 50px; + width: 568px; + height: 322px; + background-image: url('assets/img/ngx-admin-banner.png'); + background-size: contain; + } + .banner { + position: relative; + width: 100%; + height: 100%; + } + .title { + position: absolute; + top: 40px; + left: 10%; + width: 80%; + text-align: center; + font-size: 1.75rem; + line-height: 1.25; + color: #ffffff; + } + .close { + position: absolute; + top: 10px; + right: 10px; + padding: 10px; + cursor: pointer; + text-shadow: none; + color: #ffffff; + font-size: 1rem; + } + `], }) -export class Pages { +export class Pages implements OnInit { - constructor(private _menuService: BaMenuService,) { + constructor(private _menuService: BaMenuService) { } ngOnInit() { this._menuService.updateMenuByRoutes(PAGES_MENU); } + + showBanner() { + return !localStorage.getItem('hideBanner'); + } + + closeBanner(event: any) { + localStorage.setItem('hideBanner', 'true'); + event.preventDefault(); + event.stopPropagation(); + } } diff --git a/src/assets/img/ngx-admin-banner.png b/src/assets/img/ngx-admin-banner.png new file mode 100644 index 00000000..d758e65c Binary files /dev/null and b/src/assets/img/ngx-admin-banner.png differ