Apollo-DEC/apollostudycenter
Apollo-DEC/apollostudycenter
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

header bar added : kdk

Browse Source
This commit is contained in:
dineshkumarkannan 2018-08-11 14:27:55 +05:30
parent 33ef6d1f0d
commit b6c18e2eb8
5 changed files with 53 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist.rar Normal file
View File

Binary file not shown.

17
src/app/components/app-header/app-header.component.html
View File

@ -4,8 +4,23 @@
<button class="navbar-toggler d-md-down-none" type="button" appSidebarToggler>&#9776;</button> <button class="navbar-toggler d-md-down-none" type="button" appSidebarToggler>&#9776;</button>
<ul class="nav navbar-nav d-md-down-none"> <ul class="nav navbar-nav d-md-down-none">
<li class="nav-item px-3"> <li class="nav-item px-3">
<a class="nav-link" href="#">Dashboard</a> <a class="nav-link" routerLinkActive="active12" [routerLink]="['/dashboard']"><i class="icon-speedometer"></i> Dashboard</a>
</li>
<li class="nav-item px-3 hyp-active">
<a class="nav-link" routerLinkActive="active12" [routerLink]="['/enrolment']"><i class="fa fa-graduation-cap"></i> Student Enrolment</a>
</li> </li>
<li class="nav-item px-3">
<a class="nav-link" routerLinkActive="active12" [routerLink]="['/feescalculator']"><i class="icon-calculator"></i> Fees Calculator</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" routerLinkActive="active12" [routerLink]="['/studyMaterial']"><i class="fa fa-square-o"></i> Study Material</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" routerLinkActive="active12" [routerLink]="['/courier']"><i class="fa fa-suitcase"></i> Courier</a>
</li>
<li class="nav-item px-3">
<a class="nav-link" routerLinkActive="active12" [routerLink]="['/paymentdetails/accountstatement']"><i class="fa fa-credit-card-alt"></i> Account Statement</a>
</li>
</ul> </ul>
<ul class="nav navbar-nav ml-auto"> <ul class="nav navbar-nav ml-auto">
<li class="nav-item dropdown" dropdown (onToggle)="toggled($event)"> <li class="nav-item dropdown" dropdown (onToggle)="toggled($event)">

32
src/app/components/app-header/app-header.component.ts
View File

@ -2,22 +2,28 @@ import { Component } from '@angular/core';
@Component({ @Component({
selector: 'app-header', selector: 'app-header',
templateUrl: './app-header.component.html' templateUrl: './app-header.component.html',
styles: ['.active12 { color: #20a8d8; text-decoration: underline;}']
// styles: ['
// .hyp-active:active {
// background: green;
// }'
// ]
}) })
export class AppHeader { export class AppHeader {
// public disabled = false; public disabled = false;
// public status: {isopen: boolean} = {isopen: false}; public status: {isopen: boolean} = {isopen: false};
//
// public toggled(open: boolean): void { public toggled(open: boolean): void {
// console.log('Dropdown is now: ', open); console.log('Dropdown is now: ', open);
// } }
//
// public toggleDropdown($event: MouseEvent): void { public toggleDropdown($event: MouseEvent): void {
// $event.preventDefault(); $event.preventDefault();
// $event.stopPropagation(); $event.stopPropagation();
// this.status.isopen = !this.status.isopen; this.status.isopen = !this.status.isopen;
// } }
ngOnInit(): void {} ngOnInit(): void {}
} }

24
src/app/containers/full-layout/full-layout.component.ts
View File

@ -6,18 +6,18 @@ import { Component, OnInit } from '@angular/core';
}) })
export class FullLayout implements OnInit { export class FullLayout implements OnInit {
// public disabled = false; public disabled = true;
// public status: {isopen: boolean} = {isopen: false}; public status: {isopen: boolean} = {isopen: true};
//
// public toggled(open: boolean): void { public toggled(open: boolean): void {
// console.log('Dropdown is now: ', open); console.log('Dropdown is now: ', open);
// } }
//
// public toggleDropdown($event: MouseEvent): void { public toggleDropdown($event: MouseEvent): void {
// $event.preventDefault(); $event.preventDefault();
// $event.stopPropagation(); $event.stopPropagation();
// this.status.isopen = !this.status.isopen; this.status.isopen = !this.status.isopen;
// } }
ngOnInit(): void {} ngOnInit(): void {}
} }

8
src/app/directives/sidebar/sidebar.directive.ts
View File

@ -1,4 +1,4 @@
import { Directive, HostListener } from '@angular/core'; import { Directive, HostListener, OnInit } from '@angular/core';
/** /**
* Allows the sidebar to be toggled via click. * Allows the sidebar to be toggled via click.
@ -6,9 +6,11 @@ import { Directive, HostListener } from '@angular/core';
@Directive({ @Directive({
selector: '[appSidebarToggler]' selector: '[appSidebarToggler]'
}) })
export class SidebarToggleDirective { export class SidebarToggleDirective implements OnInit {
constructor() { } constructor() { }
ngOnInit(){
document.querySelector('body').classList.toggle('sidebar-hidden');
}
@HostListener('click', ['$event']) @HostListener('click', ['$event'])
toggleOpen($event: any) { toggleOpen($event: any) {
$event.preventDefault(); $event.preventDefault();