Skip to content

Commit

Permalink
create function init_plugins and initialize in components
Browse files Browse the repository at this point in the history
  • Loading branch information
atrodriguez88 committed Feb 14, 2018
1 parent 9714dde commit 25187e3
Show file tree
Hide file tree
Showing 6 changed files with 96 additions and 81 deletions.
2 changes: 1 addition & 1 deletion src/app/login/login.component.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
<section id="wrapper" class="login-register login-sidebar" style="background-image:url(../assets/images/background/login-register.jpg);">
<div class="login-box card">
<div class="card-body">
<form class="form-horizontal form-material" id="loginform" action="index.html">
<form class="form-horizontal form-material" (ngSubmit)="logIn()">
<a href="javascript:void(0)" class="text-center db">
<img src="../assets/images/logo-icon.png" alt="Home" />
<br/>
Expand Down
10 changes: 9 additions & 1 deletion src/app/login/login.component.ts
Original file line number Diff line number Diff line change
@@ -1,4 +1,7 @@
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';

declare function init_plugins();

@Component({
selector: 'app-login',
Expand All @@ -7,9 +10,14 @@ import { Component, OnInit } from '@angular/core';
})
export class LoginComponent implements OnInit {

constructor() { }
constructor(private router: Router) { }

ngOnInit() {
init_plugins();
}

logIn() {
this.router.navigate(['/dashboard']);
}

}
3 changes: 3 additions & 0 deletions src/app/pages/pages.component.ts
Original file line number Diff line number Diff line change
@@ -1,5 +1,7 @@
import { Component, OnInit } from '@angular/core';

declare function init_plugins();

@Component({
selector: 'app-pages',
templateUrl: './pages.component.html',
Expand All @@ -10,6 +12,7 @@ export class PagesComponent implements OnInit {
constructor() { }

ngOnInit() {
init_plugins();
}

}
2 changes: 1 addition & 1 deletion src/app/shared/sidebar/sidebar.component.html
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@
<a routerLinkActive="active" [routerLink]="['/account']">Account Setting</a>
</li>
<li>
<a href="javascript:void()">Logout</a>
<a [routerLink]="['/login']" routerLinkActive="router-link-active" >Logout</a>
</li>
</ul>
</li>
Expand Down
158 changes: 81 additions & 77 deletions src/assets/js/custom.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,35 +4,37 @@ Author: Wrappixel
Email: [email protected]
File: js
*/
$(function() {
function init_plugins() {

$(function () {
"use strict";
$(function() {
$(".preloader").fadeOut();
$(function () {
$(".preloader").fadeOut();
});
jQuery(document).on('click', '.mega-dropdown', function(e) {
e.stopPropagation()
jQuery(document).on('click', '.mega-dropdown', function (e) {
e.stopPropagation()
});
// ==============================================================
// This is for the top header part and sidebar part
// ==============================================================
var set = function() {
var width = (window.innerWidth > 0) ? window.innerWidth : this.screen.width;
var topOffset = 0;
if (width < 1170) {
$("body").addClass("mini-sidebar");
$('.navbar-brand span').hide();
$(".sidebartoggler i").addClass("ti-menu");
} else {
$("body").removeClass("mini-sidebar");
$('.navbar-brand span').show();
}
var set = function () {
var width = (window.innerWidth > 0) ? window.innerWidth : this.screen.width;
var topOffset = 0;
if (width < 1170) {
$("body").addClass("mini-sidebar");
$('.navbar-brand span').hide();
$(".sidebartoggler i").addClass("ti-menu");
} else {
$("body").removeClass("mini-sidebar");
$('.navbar-brand span').show();
}

var height = ((window.innerHeight > 0) ? window.innerHeight : this.screen.height) - 1;
height = height - topOffset;
if (height < 1) height = 1;
if (height > topOffset) {
$(".page-wrapper").css("min-height", (height) + "px");
}
var height = ((window.innerHeight > 0) ? window.innerHeight : this.screen.height) - 1;
height = height - topOffset;
if (height < 1) height = 1;
if (height > topOffset) {
$(".page-wrapper").css("min-height", (height) + "px");
}

};
$(window).ready(set);
Expand All @@ -41,117 +43,119 @@ $(function() {
// ==============================================================
// Theme options
// ==============================================================
$(".sidebartoggler").on('click', function() {
if ($("body").hasClass("mini-sidebar")) {
$("body").trigger("resize");
$("body").removeClass("mini-sidebar");
$('.navbar-brand span').show();
} else {
$("body").trigger("resize");
$("body").addClass("mini-sidebar");
$('.navbar-brand span').hide();
}
$(".sidebartoggler").on('click', function () {
if ($("body").hasClass("mini-sidebar")) {
$("body").trigger("resize");
$("body").removeClass("mini-sidebar");
$('.navbar-brand span').show();

} else {
$("body").trigger("resize");
$("body").addClass("mini-sidebar");
$('.navbar-brand span').hide();

}
});

// this is for close icon when navigation open in mobile view
$(".nav-toggler").click(function() {
$("body").toggleClass("show-sidebar");
$(".nav-toggler i").toggleClass("ti-menu");
$(".nav-toggler i").addClass("ti-close");
$(".nav-toggler").click(function () {
$("body").toggleClass("show-sidebar");
$(".nav-toggler i").toggleClass("ti-menu");
$(".nav-toggler i").addClass("ti-close");
});

$(".search-box a, .search-box .app-search .srh-btn").on('click', function() {
$(".app-search").toggle(200);
$(".search-box a, .search-box .app-search .srh-btn").on('click', function () {
$(".app-search").toggle(200);
});
// ==============================================================
// Right sidebar options
// ==============================================================
$(".right-side-toggle").click(function() {
$(".right-sidebar").slideDown(50);
$(".right-sidebar").toggleClass("shw-rside");
$(".right-side-toggle").click(function () {
$(".right-sidebar").slideDown(50);
$(".right-sidebar").toggleClass("shw-rside");
});
// ==============================================================
// This is for the floating labels
// ==============================================================
$('.floating-labels .form-control').on('focus blur', function(e) {
$(this).parents('.form-group').toggleClass('focused', (e.type === 'focus' || this.value.length > 0));
$('.floating-labels .form-control').on('focus blur', function (e) {
$(this).parents('.form-group').toggleClass('focused', (e.type === 'focus' || this.value.length > 0));
}).trigger('blur');

// ==============================================================
// Auto select left navbar
// ==============================================================
$(function() {
var url = window.location;
var element = $('ul#sidebarnav a').filter(function() {
return this.href == url;
}).addClass('active').parent().addClass('active');
while (true) {
if (element.is('li')) {
element = element.parent().addClass('in').parent().addClass('active');
} else {
break;
}
$(function () {
var url = window.location;
var element = $('ul#sidebarnav a').filter(function () {
return this.href == url;
}).addClass('active').parent().addClass('active');
while (true) {
if (element.is('li')) {
element = element.parent().addClass('in').parent().addClass('active');
} else {
break;
}
}

});
// ==============================================================
//tooltip
// ==============================================================
$(function() {
$('[data-toggle="tooltip"]').tooltip()
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
// ==============================================================
//Popover
// ==============================================================
$(function() {
$('[data-toggle="popover"]').popover()
$(function () {
$('[data-toggle="popover"]').popover()
})
// ==============================================================
// Sidebarmenu
// ==============================================================
$(function() {
$('#sidebarnav').AdminMenu();
$(function () {
$('#sidebarnav').AdminMenu();
});

// ==============================================================
// Perfact scrollbar
// ==============================================================
$('.scroll-sidebar, .right-side-panel, .message-center, .right-sidebar').perfectScrollbar();

// ==============================================================
// Resize all elements
// ==============================================================
$("body").trigger("resize");
// ==============================================================
// To do list
// ==============================================================
$(".list-task li label").click(function() {
$(this).toggleClass("task-done");
$(".list-task li label").click(function () {
$(this).toggleClass("task-done");
});



// ==============================================================
// Collapsable cards
// ==============================================================
$('a[data-action="collapse"]').on('click', function(e) {
e.preventDefault();
$(this).closest('.card').find('[data-action="collapse"] i').toggleClass('ti-minus ti-plus');
$(this).closest('.card').children('.card-body').collapse('toggle');
$('a[data-action="collapse"]').on('click', function (e) {
e.preventDefault();
$(this).closest('.card').find('[data-action="collapse"] i').toggleClass('ti-minus ti-plus');
$(this).closest('.card').children('.card-body').collapse('toggle');

});
// Toggle fullscreen
$('a[data-action="expand"]').on('click', function(e) {
e.preventDefault();
$(this).closest('.card').find('[data-action="expand"] i').toggleClass('mdi-arrow-expand mdi-arrow-compress');
$(this).closest('.card').toggleClass('card-fullscreen');
$('a[data-action="expand"]').on('click', function (e) {
e.preventDefault();
$(this).closest('.card').find('[data-action="expand"] i').toggleClass('mdi-arrow-expand mdi-arrow-compress');
$(this).closest('.card').toggleClass('card-fullscreen');
});

// Close Card
$('a[data-action="close"]').on('click', function() {
$(this).closest('.card').removeClass().slideUp('fast');
$('a[data-action="close"]').on('click', function () {
$(this).closest('.card').removeClass().slideUp('fast');
});

});
});

}
2 changes: 1 addition & 1 deletion src/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -55,7 +55,7 @@
<script src="assets/plugins/sticky-kit-master/dist/sticky-kit.min.js"></script>
<script src="assets/plugins/sparkline/jquery.sparkline.min.js"></script>
<!--Custom JavaScript -->
<script src="assets/js/custom.min.js"></script>
<script src="assets/js/custom.js"></script>
<!--Chart.js -->
<!-- <script src="node_modules/chart.js/src/chart.js"></script> -->

Expand Down

0 comments on commit 25187e3

Please sign in to comment.