From 7ef05c3eaaf011ab6678c89a2b8db50f3dec12a7 Mon Sep 17 00:00:00 2001
From: "martinbobbio1@gmail.com" <mbobbio@varcelona.com>
Date: Tue, 9 Oct 2018 16:54:27 -0300
Subject: [PATCH] Providers y Routerlinks

---
 src/app/app.component.ts                      |   7 +-
 src/app/app.module.ts                         |   4 +-
 src/app/auth/login.component.html             |  10 +-
 src/app/auth/login.component.ts               |  10 +-
 .../account-settings.component.html           |  31 +++++
 .../account-settings.component.ts             |  50 +++++++++
 src/app/pages/pages.component.ts              |   3 +
 src/app/pages/pages.module.ts                 |   5 +-
 src/app/pages/pages.routes.ts                 |   2 +
 src/app/services/service.index.ts             |   3 +
 src/app/services/service.module.ts            |  17 +++
 src/app/services/settings/settings.service.ts |  45 ++++++++
 .../services/{ => shared}/shared.service.ts   |   0
 src/app/services/sidebar.service.ts           |   8 --
 src/app/services/sidebar/sidebar.service.ts   |  19 ++++
 src/app/shared/shared.module.ts               |   7 ++
 src/app/shared/sidebar/sidebar.component.html |  18 +--
 src/app/shared/sidebar/sidebar.component.ts   |   3 +-
 src/assets/js/custom.min.js                   | 106 +++++++++---------
 src/index.html                                |   2 +-
 src/styles.css                                |   4 +-
 21 files changed, 274 insertions(+), 80 deletions(-)
 create mode 100644 src/app/pages/account-settings/account-settings.component.html
 create mode 100644 src/app/pages/account-settings/account-settings.component.ts
 create mode 100644 src/app/services/service.index.ts
 create mode 100644 src/app/services/service.module.ts
 create mode 100644 src/app/services/settings/settings.service.ts
 rename src/app/services/{ => shared}/shared.service.ts (100%)
 delete mode 100644 src/app/services/sidebar.service.ts
 create mode 100644 src/app/services/sidebar/sidebar.service.ts

diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 7b0f672..8a6072d 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -1,4 +1,5 @@
 import { Component } from '@angular/core';
+import { SettingsService } from './services/service.index';
 
 @Component({
   selector: 'app-root',
@@ -6,5 +7,9 @@ import { Component } from '@angular/core';
   styleUrls: ['./app.component.css']
 })
 export class AppComponent {
-  title = 'app';
+
+  constructor(public _settingsService:SettingsService){
+
+  }
+
 }
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index cb5932b..da581db 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -5,8 +5,9 @@ import { FormsModule } from '@angular/forms';
 //Routes
 import { APP_ROUTES } from './app.routes';
 
-//Módulos
+//Modules
 import { PagesModule } from './pages/pages.module';
+import { ServiceModule } from './services/service.module';
 
 //Components
 import { AppComponent } from './app.component';
@@ -24,6 +25,7 @@ import { RegisterComponent } from './auth/register.component';
     BrowserModule,
     PagesModule,
     FormsModule,
+    ServiceModule,
     APP_ROUTES
   ],
   providers: [],
diff --git a/src/app/auth/login.component.html b/src/app/auth/login.component.html
index 24cef9b..c09051a 100644
--- a/src/app/auth/login.component.html
+++ b/src/app/auth/login.component.html
@@ -2,16 +2,16 @@
 <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/><img src="../assets/images/logo-text.png" alt="Home" /></a>
                 <div class="form-group m-t-40">
                     <div class="col-xs-12">
-                        <input class="form-control" type="text" required="" placeholder="Username">
+                        <input class="form-control" type="text" placeholder="Username">
                     </div>
                 </div>
                 <div class="form-group">
                     <div class="col-xs-12">
-                        <input class="form-control" type="password" required="" placeholder="Password">
+                        <input class="form-control" type="password" placeholder="Password">
                     </div>
                 </div>
                 <div class="form-group row">
@@ -24,7 +24,7 @@
                 </div>
                 <div class="form-group text-center m-t-20">
                     <div class="col-xs-12">
-                        <button class="btn btn-info btn-lg btn-block text-uppercase btn-rounded" type="submit">Log In</button>
+                        <button class="btn btn-info btn-lg btn-block text-uppercase btn-rounded" type="submit">Ingresar</button>
                     </div>
                 </div>
                 <div class="row">
@@ -47,7 +47,7 @@ <h3>Recover Password</h3>
                 </div>
                 <div class="form-group ">
                     <div class="col-xs-12">
-                        <input class="form-control" type="text" required="" placeholder="Email">
+                        <input class="form-control" type="text" placeholder="Email">
                     </div>
                 </div>
                 <div class="form-group text-center m-t-20">
diff --git a/src/app/auth/login.component.ts b/src/app/auth/login.component.ts
index 5701fa2..0c18899 100644
--- a/src/app/auth/login.component.ts
+++ b/src/app/auth/login.component.ts
@@ -1,4 +1,7 @@
 import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+
+declare function initPlugins();
 
 @Component({
   selector: 'app-login',
@@ -7,9 +10,14 @@ import { Component, OnInit } from '@angular/core';
 })
 export class LoginComponent implements OnInit {
 
-  constructor() { }
+  constructor(public router:Router) { }
 
   ngOnInit() {
+    initPlugins();
+  }
+
+  login(){
+    this.router.navigate(['/dashboard']);
   }
 
 }
diff --git a/src/app/pages/account-settings/account-settings.component.html b/src/app/pages/account-settings/account-settings.component.html
new file mode 100644
index 0000000..e02d3c2
--- /dev/null
+++ b/src/app/pages/account-settings/account-settings.component.html
@@ -0,0 +1,31 @@
+<div class="row">
+  <div class="col-4">
+    <div class="card">
+      <div class="card-body">
+        
+        <h4>Temas</h4><hr>
+
+        <div class="r-panel-body">
+          <ul id="themecolors" class="m-t-20">
+              <li><b>Con el sidebar claro</b></li>
+              <li><a #link1 (click)="changeColor('default',link1)" data-theme="default" class="selector default-theme working">1</a></li>
+              <li><a #link2 (click)="changeColor('green',link2)" data-theme="green" class="selector green-theme">2</a></li>
+              <li><a #link3 (click)="changeColor('red',link3)" data-theme="red" class="selector red-theme">3</a></li>
+              <li><a #link4 (click)="changeColor('blue',link4)" data-theme="blue" class="selector blue-theme">4</a></li>
+              <li><a #link5 (click)="changeColor('purple',link5)" data-theme="purple" class="selector purple-theme">5</a></li>
+              <li><a #link6 (click)="changeColor('megna',link6)" data-theme="megna" class="selector megna-theme">6</a></li>
+              
+              <li class="d-block m-t-30"><b>Con el sidebar oscuro</b></li>
+              <li><a #link7 (click)="changeColor('default-dark',link7)" data-theme="default-dark" class="selector default-dark-theme">7</a></li>
+              <li><a #link8 (click)="changeColor('green-dark',link8)" data-theme="green-dark" class="selector green-dark-theme">8</a></li>
+              <li><a #link9 (click)="changeColor('red-dark',link9)" data-theme="red-dark" class="selector red-dark-theme">9</a></li>
+              <li><a #link10 (click)="changeColor('blue-dark',link10)" data-theme="blue-dark" class="selector blue-dark-theme">10</a></li>
+              <li><a #link11 (click)="changeColor('purple-dark',link11)" data-theme="purple-dark" class="selector purple-dark-theme">11</a></li>
+              <li><a #link12 (click)="changeColor('megna-dark',link12)" data-theme="megna-dark" class="selector megna-dark-theme">12</a></li>
+          </ul>
+        </div>
+
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/app/pages/account-settings/account-settings.component.ts b/src/app/pages/account-settings/account-settings.component.ts
new file mode 100644
index 0000000..704b2cd
--- /dev/null
+++ b/src/app/pages/account-settings/account-settings.component.ts
@@ -0,0 +1,50 @@
+import { Component, OnInit } from '@angular/core';
+import { SettingsService } from '../../services/service.index';
+
+@Component({
+  selector: 'app-account-settings',
+  templateUrl: './account-settings.component.html',
+  styles: []
+})
+export class AccountSettingsComponent implements OnInit {
+
+  constructor(public _settingsService:SettingsService) { }
+
+  ngOnInit() {
+    this.loadCheck();
+  }
+
+  changeColor(theme:string,link:any){
+
+    this.activateCheck(link);
+    this._settingsService.applyTheme(theme);
+
+  }
+
+  activateCheck(link:any){
+
+    let selectors:any = document.getElementsByClassName('selector');
+    for(let ref of selectors){
+      ref.classList.remove('working');
+    }
+
+    link.classList.add('working');
+
+  }
+
+  loadCheck(){
+
+    let selectors:any = document.getElementsByClassName('selector');
+    let theme = this._settingsService.settings.theme;
+
+    for(let ref of selectors){
+      ref.classList.remove('working');
+      if(ref.getAttribute('data-theme')=== theme){
+        ref.classList.add('working');
+      }
+    }
+
+  }
+
+
+}
diff --git a/src/app/pages/pages.component.ts b/src/app/pages/pages.component.ts
index 5333869..e83115b 100644
--- a/src/app/pages/pages.component.ts
+++ b/src/app/pages/pages.component.ts
@@ -1,5 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 
+declare function initPlugins();
+
 @Component({
   selector: 'app-pages',
   templateUrl: './pages.component.html',
@@ -10,6 +12,7 @@ export class PagesComponent implements OnInit {
   constructor() { }
 
   ngOnInit() {
+    initPlugins();
   }
 
 }
diff --git a/src/app/pages/pages.module.ts b/src/app/pages/pages.module.ts
index 78e3594..7ab2271 100644
--- a/src/app/pages/pages.module.ts
+++ b/src/app/pages/pages.module.ts
@@ -14,6 +14,7 @@ import { GraphicComponent } from '../pages/graphic/graphic.component';
 import { PagesComponent } from '../pages/pages.component';
 import { IncrementorComponent } from '../components/incrementor/incrementor.component';
 import { GraphicDonutComponent } from '../components/graphic-donut/graphic-donut.component';
+import { AccountSettingsComponent } from './account-settings/account-settings.component';
 
 
 @NgModule({
@@ -23,13 +24,13 @@ import { GraphicDonutComponent } from '../components/graphic-donut/graphic-donut
         GraphicComponent,
         PagesComponent,
         IncrementorComponent,
-        GraphicDonutComponent
+        GraphicDonutComponent,
+        AccountSettingsComponent
     ],
     exports:[
         DashboardComponent,
         ProgressComponent,
         GraphicComponent,
-        PagesComponent,
     ],
     imports:[
         SharedModule,
diff --git a/src/app/pages/pages.routes.ts b/src/app/pages/pages.routes.ts
index 5c12560..c858905 100644
--- a/src/app/pages/pages.routes.ts
+++ b/src/app/pages/pages.routes.ts
@@ -3,12 +3,14 @@ import { DashboardComponent } from './dashboard/dashboard.component';
 import { PagesComponent } from './pages.component';
 import { ProgressComponent } from './progress/progress.component';
 import { GraphicComponent } from './graphic/graphic.component';
+import { AccountSettingsComponent } from './account-settings/account-settings.component';
 
 const pagesRoutes:Routes = [
     { path: '', component:PagesComponent, children: [
         { path: 'dashboard', component:DashboardComponent },
         { path: 'progress', component:ProgressComponent },
         { path: 'graphic', component:GraphicComponent },
+        { path: 'settings', component:AccountSettingsComponent },
         { path: '', redirectTo: '/dashboard', pathMatch: 'full' },
     ] },
 ];
diff --git a/src/app/services/service.index.ts b/src/app/services/service.index.ts
new file mode 100644
index 0000000..b4a0f57
--- /dev/null
+++ b/src/app/services/service.index.ts
@@ -0,0 +1,3 @@
+export { SettingsService } from './settings/settings.service';
+export { SharedService } from './shared/shared.service';
+export { SidebarService } from './sidebar/sidebar.service';
\ No newline at end of file
diff --git a/src/app/services/service.module.ts b/src/app/services/service.module.ts
new file mode 100644
index 0000000..bd75c60
--- /dev/null
+++ b/src/app/services/service.module.ts
@@ -0,0 +1,17 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { SettingsService, SharedService, SidebarService } from './service.index';
+
+@NgModule({
+  imports: [
+    CommonModule
+  ],
+  providers: [
+    SettingsService,
+    SharedService,
+    SidebarService
+  ],
+  declarations: []
+})
+export class ServiceModule { }
diff --git a/src/app/services/settings/settings.service.ts b/src/app/services/settings/settings.service.ts
new file mode 100644
index 0000000..b79d96f
--- /dev/null
+++ b/src/app/services/settings/settings.service.ts
@@ -0,0 +1,45 @@
+import { Injectable, Inject } from '@angular/core';
+import { DOCUMENT } from '@angular/platform-browser';
+
+@Injectable()
+export class SettingsService {
+
+  settings:Settings = {
+    themeUrl: 'assets/css/colors/default.css',
+    theme: 'default'
+  }
+
+  constructor(@Inject(DOCUMENT) private _document) {
+    this.loadSettings();
+  }
+
+  saveSettings(){
+
+    localStorage.setItem('settings',JSON.stringify(this.settings))
+  }
+
+  loadSettings(){
+
+    if(localStorage.getItem('settings'))
+      this.settings = JSON.parse(localStorage.getItem('settings'));
+    
+    this.applyTheme(this.settings.theme);
+  }
+
+  applyTheme(theme:string){
+
+    let url = `assets/css/colors/${theme}.css`
+    this._document.getElementById('theme').setAttribute('href',url);
+
+    this.settings.theme = theme;
+    this.settings.themeUrl = url;
+    this.saveSettings();
+
+  }
+
+}
+
+interface Settings{
+  themeUrl:string;
+  theme:string;
+}
diff --git a/src/app/services/shared.service.ts b/src/app/services/shared/shared.service.ts
similarity index 100%
rename from src/app/services/shared.service.ts
rename to src/app/services/shared/shared.service.ts
diff --git a/src/app/services/sidebar.service.ts b/src/app/services/sidebar.service.ts
deleted file mode 100644
index 4f3e684..0000000
--- a/src/app/services/sidebar.service.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import { Injectable } from '@angular/core';
-
-@Injectable()
-export class SidebarService {
-
-  constructor() { }
-
-}
diff --git a/src/app/services/sidebar/sidebar.service.ts b/src/app/services/sidebar/sidebar.service.ts
new file mode 100644
index 0000000..30fe0ae
--- /dev/null
+++ b/src/app/services/sidebar/sidebar.service.ts
@@ -0,0 +1,19 @@
+import { Injectable } from '@angular/core';
+
+@Injectable()
+export class SidebarService {
+
+  menu: any = [
+    {
+      title: 'Principal', icon: 'mdi mdi-gauge',
+      submenu: [
+        { title: 'Dashboard', url: '/dashboard' },
+        { title: 'ProgressBar', url: '/progress' },
+        { title: 'Graphics', url: '/graphic' }
+      ]
+    }
+  ]
+
+  constructor() {}
+
+}
diff --git a/src/app/shared/shared.module.ts b/src/app/shared/shared.module.ts
index d6d05d7..eadf0bc 100644
--- a/src/app/shared/shared.module.ts
+++ b/src/app/shared/shared.module.ts
@@ -1,4 +1,7 @@
 import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { RouterModule } from '@angular/router';
 
 import { NopagefoundComponent } from '../shared/nopagefound/nopagefound.component';
 import { HeaderComponent } from '../shared/header/header.component';
@@ -6,6 +9,10 @@ import { SidebarComponent } from '../shared/sidebar/sidebar.component';
 import { BreadcumbsComponent } from '../shared/breadcumbs/breadcumbs.component';
 
 @NgModule({
+    imports:[
+        RouterModule,
+        CommonModule
+    ],
     declarations:[
         NopagefoundComponent,
         HeaderComponent,
diff --git a/src/app/shared/sidebar/sidebar.component.html b/src/app/shared/sidebar/sidebar.component.html
index 1491648..53d13bd 100644
--- a/src/app/shared/sidebar/sidebar.component.html
+++ b/src/app/shared/sidebar/sidebar.component.html
@@ -10,18 +10,20 @@
                         <li><a href="javascript:void()">My Profile </a></li>
                         <li><a href="javascript:void()">My Balance</a></li>
                         <li><a href="javascript:void()">Inbox</a></li>
-                        <li><a href="javascript:void()">Account Setting</a></li>
-                        <li><a href="javascript:void()">Logout</a></li>
+                        <li><a routerLinkActive routerLink="/settings">Ajustes</a></li>
+                        <li><a routerLink="/login">Salir</a></li>
                     </ul>
                 </li>
                 <li class="nav-devider"></li>
-                <li class="nav-small-cap">PERSONAL</li>
-                <li> <a class="has-arrow waves-effect waves-dark" href="#" aria-expanded="false"><i class="mdi mdi-gauge"></i><span class="hide-menu">Dashboard <span class="label label-rouded label-themecolor pull-right">4</span></span></a>
+                <li class="nav-small-cap">Generales</li>
+                <li *ngFor="let menu of _sidebarService.menu">
+                    <a class="has-arrow waves-effect waves-dark" aria-expanded="false"><i [class]="menu.icon"></i>
+                        <span class="hide-menu">{{menu.title}} <span class="label label-rouded label-themecolor pull-right">{{menu.submenu.length}}</span></span>
+                    </a>
                     <ul aria-expanded="false" class="collapse">
-                        <li><a href="index.html">Minimal </a></li>
-                        <li><a href="index2.html">Analytical</a></li>
-                        <li><a href="index3.html">Demographical</a></li>
-                        <li><a href="index4.html">Modern</a></li>
+                        <li *ngFor="let submenu of menu.submenu">
+                            <a routerLinkActive="active" [routerLink]="[submenu.url]">{{submenu.title}}</a>
+                        </li>
                     </ul>
                 </li>
             </ul>
diff --git a/src/app/shared/sidebar/sidebar.component.ts b/src/app/shared/sidebar/sidebar.component.ts
index 1e7e527..b871db5 100644
--- a/src/app/shared/sidebar/sidebar.component.ts
+++ b/src/app/shared/sidebar/sidebar.component.ts
@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import { SidebarService } from '../../services/service.index';
 
 @Component({
   selector: 'app-sidebar',
@@ -7,7 +8,7 @@ import { Component, OnInit } from '@angular/core';
 })
 export class SidebarComponent implements OnInit {
 
-  constructor() { }
+  constructor(public _sidebarService:SidebarService) { }
 
   ngOnInit() {
   }
diff --git a/src/assets/js/custom.min.js b/src/assets/js/custom.min.js
index d6e9edc..7d2e6ae 100644
--- a/src/assets/js/custom.min.js
+++ b/src/assets/js/custom.min.js
@@ -1,53 +1,57 @@
-$(function() {
-    "use strict";
+function initPlugins(){
+
     $(function() {
-        $(".preloader").fadeOut();
-    }), jQuery(document).on("click", ".mega-dropdown", function(e) {
-        e.stopPropagation();
+        "use strict";
+        $(function() {
+            $(".preloader").fadeOut();
+        }), jQuery(document).on("click", ".mega-dropdown", function(e) {
+            e.stopPropagation();
+        });
+        var set = function() {
+            (window.innerWidth > 0 ? window.innerWidth : this.screen.width) < 1170 ? ($("body").addClass("mini-sidebar"), 
+            $(".navbar-brand span").hide(), $(".sidebartoggler i").addClass("ti-menu")) : ($("body").removeClass("mini-sidebar"), 
+            $(".navbar-brand span").show());
+            var height = (window.innerHeight > 0 ? window.innerHeight : this.screen.height) - 1;
+            (height -= 0) < 1 && (height = 1), height > 0 && $(".page-wrapper").css("min-height", height + "px");
+        };
+        $(window).ready(set), $(window).on("resize", set), $(".sidebartoggler").on("click", function() {
+            $("body").hasClass("mini-sidebar") ? ($("body").trigger("resize"), $("body").removeClass("mini-sidebar"), 
+            $(".navbar-brand span").show()) : ($("body").trigger("resize"), $("body").addClass("mini-sidebar"), 
+            $(".navbar-brand span").hide());
+        }), $(".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);
+        }), $(".right-side-toggle").click(function() {
+            $(".right-sidebar").slideDown(50), $(".right-sidebar").toggleClass("shw-rside");
+        }), $(".floating-labels .form-control").on("focus blur", function(e) {
+            $(this).parents(".form-group").toggleClass("focused", "focus" === e.type || this.value.length > 0);
+        }).trigger("blur"), $(function() {
+            for (var url = window.location, element = $("ul#sidebarnav a").filter(function() {
+                return this.href == url;
+            }).addClass("active").parent().addClass("active"); ;) {
+                if (!element.is("li")) break;
+                element = element.parent().addClass("in").parent().addClass("active");
+            }
+        }), $(function() {
+            $('[data-toggle="tooltip"]').tooltip();
+        }), $(function() {
+            $('[data-toggle="popover"]').popover();
+        }), $(function() {
+            $("#sidebarnav").AdminMenu();
+        }), $(".scroll-sidebar, .right-side-panel, .message-center, .right-sidebar").perfectScrollbar(), 
+        $("body").trigger("resize"), $(".list-task li label").click(function() {
+            $(this).toggleClass("task-done");
+        }), $('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="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="close"]').on("click", function() {
+            $(this).closest(".card").removeClass().slideUp("fast");
+        });
     });
-    var set = function() {
-        (window.innerWidth > 0 ? window.innerWidth : this.screen.width) < 1170 ? ($("body").addClass("mini-sidebar"), 
-        $(".navbar-brand span").hide(), $(".sidebartoggler i").addClass("ti-menu")) : ($("body").removeClass("mini-sidebar"), 
-        $(".navbar-brand span").show());
-        var height = (window.innerHeight > 0 ? window.innerHeight : this.screen.height) - 1;
-        (height -= 0) < 1 && (height = 1), height > 0 && $(".page-wrapper").css("min-height", height + "px");
-    };
-    $(window).ready(set), $(window).on("resize", set), $(".sidebartoggler").on("click", function() {
-        $("body").hasClass("mini-sidebar") ? ($("body").trigger("resize"), $("body").removeClass("mini-sidebar"), 
-        $(".navbar-brand span").show()) : ($("body").trigger("resize"), $("body").addClass("mini-sidebar"), 
-        $(".navbar-brand span").hide());
-    }), $(".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);
-    }), $(".right-side-toggle").click(function() {
-        $(".right-sidebar").slideDown(50), $(".right-sidebar").toggleClass("shw-rside");
-    }), $(".floating-labels .form-control").on("focus blur", function(e) {
-        $(this).parents(".form-group").toggleClass("focused", "focus" === e.type || this.value.length > 0);
-    }).trigger("blur"), $(function() {
-        for (var url = window.location, element = $("ul#sidebarnav a").filter(function() {
-            return this.href == url;
-        }).addClass("active").parent().addClass("active"); ;) {
-            if (!element.is("li")) break;
-            element = element.parent().addClass("in").parent().addClass("active");
-        }
-    }), $(function() {
-        $('[data-toggle="tooltip"]').tooltip();
-    }), $(function() {
-        $('[data-toggle="popover"]').popover();
-    }), $(function() {
-        $("#sidebarnav").AdminMenu();
-    }), $(".scroll-sidebar, .right-side-panel, .message-center, .right-sidebar").perfectScrollbar(), 
-    $("body").trigger("resize"), $(".list-task li label").click(function() {
-        $(this).toggleClass("task-done");
-    }), $('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="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="close"]').on("click", function() {
-        $(this).closest(".card").removeClass().slideUp("fast");
-    });
-});
\ No newline at end of file
+
+}
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index 9f5978f..17f352f 100644
--- a/src/index.html
+++ b/src/index.html
@@ -10,7 +10,7 @@
   <!-- Custom CSS -->
   <link href="assets/css/style.css" rel="stylesheet">
   <!-- You can change the theme colors from here -->
-  <link href="assets/css/colors/default-dark.css" id="theme" rel="stylesheet">
+  <link id="theme" rel="stylesheet">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicon.png">
diff --git a/src/styles.css b/src/styles.css
index 90d4ee0..c865708 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1 +1,3 @@
-/* You can add global styles to this file, and also import other style files */
+#themecolors a{
+    cursor:pointer;
+}
\ No newline at end of file