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.

19
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>
<ul class="nav navbar-nav d-md-down-none">
<li class="nav-item px-3">
<a class="nav-link" href="#">Dashboard</a>
</li>
<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 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 class="nav navbar-nav ml-auto">
<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({
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 {
// public disabled = false;
// public status: {isopen: boolean} = {isopen: false};
//
// public toggled(open: boolean): void {
// console.log('Dropdown is now: ', open);
// }
//
// public toggleDropdown($event: MouseEvent): void {
// $event.preventDefault();
// $event.stopPropagation();
// this.status.isopen = !this.status.isopen;
// }
public disabled = false;
public status: {isopen: boolean} = {isopen: false};
public toggled(open: boolean): void {
console.log('Dropdown is now: ', open);
}
public toggleDropdown($event: MouseEvent): void {
$event.preventDefault();
$event.stopPropagation();
this.status.isopen = !this.status.isopen;
}
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 {
// public disabled = false;
// public status: {isopen: boolean} = {isopen: false};
//
// public toggled(open: boolean): void {
// console.log('Dropdown is now: ', open);
// }
//
// public toggleDropdown($event: MouseEvent): void {
// $event.preventDefault();
// $event.stopPropagation();
// this.status.isopen = !this.status.isopen;
// }
public disabled = true;
public status: {isopen: boolean} = {isopen: true};
public toggled(open: boolean): void {
console.log('Dropdown is now: ', open);
}
public toggleDropdown($event: MouseEvent): void {
$event.preventDefault();
$event.stopPropagation();
this.status.isopen = !this.status.isopen;
}
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.
@ -6,9 +6,11 @@ import { Directive, HostListener } from '@angular/core';
@Directive({
selector: '[appSidebarToggler]'
})
export class SidebarToggleDirective {
export class SidebarToggleDirective implements OnInit {
constructor() { }
ngOnInit(){
document.querySelector('body').classList.toggle('sidebar-hidden');
}
@HostListener('click', ['$event'])
toggleOpen($event: any) {
$event.preventDefault();