;
+
+ beforeEach(async(() => {
+ TestBed.configureTestingModule({
+ declarations: [ SidebarComponent ]
+ })
+ .compileComponents();
+ }));
+
+ beforeEach(() => {
+ fixture = TestBed.createComponent(SidebarComponent);
+ component = fixture.componentInstance;
+ fixture.detectChanges();
+ });
+
+ it('should create', () => {
+ expect(component).toBeTruthy();
+ });
+});
diff --git a/src/app/commons/layouts/sidebar/sidebar.component.ts b/src/app/commons/layouts/sidebar/sidebar.component.ts
new file mode 100644
index 0000000..3d562a3
--- /dev/null
+++ b/src/app/commons/layouts/sidebar/sidebar.component.ts
@@ -0,0 +1,16 @@
+import { Component, OnInit, Input } from '@angular/core';
+import { menus } from './menu-element';
+
+@Component({
+ selector: 'of-sidebar',
+ templateUrl: './sidebar.component.html',
+ styleUrls: ['./sidebar.component.scss']
+})
+export class SidebarComponent implements OnInit {
+
+ constructor() { }
+
+ ngOnInit() {
+ }
+
+}
diff --git a/src/app/commons/ui/covalent/covalent.module.ts b/src/app/commons/ui/covalent/covalent.module.ts
new file mode 100644
index 0000000..5476306
--- /dev/null
+++ b/src/app/commons/ui/covalent/covalent.module.ts
@@ -0,0 +1,41 @@
+import { NgModule } from '@angular/core';
+import {
+ CovalentCommonModule, CovalentLayoutModule, CovalentMediaModule, CovalentExpansionPanelModule,
+ CovalentStepsModule, CovalentLoadingModule, CovalentDialogsModule, CovalentSearchModule, CovalentPagingModule,
+ CovalentNotificationsModule, CovalentMenuModule, CovalentDataTableModule, CovalentMessageModule
+ } from '@covalent/core';
+
+@NgModule({
+ imports: [
+ CovalentCommonModule,
+ CovalentLayoutModule,
+ CovalentMediaModule,
+ CovalentExpansionPanelModule,
+ CovalentStepsModule,
+ CovalentDialogsModule,
+ CovalentLoadingModule,
+ CovalentSearchModule,
+ CovalentPagingModule,
+ CovalentNotificationsModule,
+ CovalentMenuModule,
+ CovalentDataTableModule,
+ CovalentMessageModule,
+ ],
+ exports : [
+ CovalentCommonModule,
+ CovalentLayoutModule,
+ CovalentMediaModule,
+ CovalentExpansionPanelModule,
+ CovalentStepsModule,
+ CovalentDialogsModule,
+ CovalentLoadingModule,
+ CovalentSearchModule,
+ CovalentPagingModule,
+ CovalentNotificationsModule,
+ CovalentMenuModule,
+ CovalentDataTableModule,
+ CovalentMessageModule,
+ ]
+})
+
+export class CovalentModule { }
diff --git a/src/app/pages/home/home-page.component.html b/src/app/pages/home/home-page.component.html
index afc16a3..37c7a3d 100644
--- a/src/app/pages/home/home-page.component.html
+++ b/src/app/pages/home/home-page.component.html
@@ -1,3 +1,3 @@
- home works!
+ home works! home works!home works!home works!home works!home works!home works!home works!home works!home works!home works!home works!home works!home works!home works!home works!home works!
diff --git a/src/app/pages/pages.component.html b/src/app/pages/pages.component.html
index 0971530..cba5356 100644
--- a/src/app/pages/pages.component.html
+++ b/src/app/pages/pages.component.html
@@ -1,4 +1,12 @@
-header
-sidebar
-
-footer
\ No newline at end of file
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/app/pages/pages.module.ts b/src/app/pages/pages.module.ts
index 90f0454..8ad6c13 100644
--- a/src/app/pages/pages.module.ts
+++ b/src/app/pages/pages.module.ts
@@ -2,14 +2,24 @@ import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { PagesComponent } from './pages.component';
import { PagesRoutingModule } from './pages-routing.module';
+import { SidebarComponent } from 'app/commons/layouts/sidebar/sidebar.component';
+import { CovalentModule } from 'app/commons/ui/covalent/covalent.module';
+import { MaterialModule } from 'app/commons/ui/material/material.module';
+import { HeaderComponent } from 'app/commons/layouts/header/header.component';
+import { FooterComponent } from 'app/commons/layouts/footer/footer.component';
@NgModule({
imports: [
CommonModule,
PagesRoutingModule,
+ CovalentModule,
+ MaterialModule
],
declarations: [
- PagesComponent
+ PagesComponent,
+ SidebarComponent,
+ HeaderComponent,
+ FooterComponent,
]
})
export class PagesModule { }
diff --git a/src/styles.scss b/src/styles.scss
index bb13cbf..3725214 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -1,3 +1,35 @@
-/* You can add global styles to this file, and also import other style files */
-
-@import "~@angular/material/prebuilt-themes/indigo-pink.css";
+// Adjust your logo position
+.mat-icon {
+ &.mat-icon-logo {
+ position: relative;
+ top: -4px;
+ }
+ }
+
+ // Hack for small search box
+ .td-search-box {
+ .td-search-icon.mat-icon-button {
+ margin: 0;
+ height: 30px;
+ .mat-icon {
+ margin-top: -10px;
+ }
+ }
+ td-search-input {
+ margin-left: 0 !important;
+ margin-bottom: 5px;
+ .mat-form-field {
+ width: auto;
+ }
+ .mat-form-field-wrapper {
+ padding-bottom: 0;
+ }
+ .mat-input-infix {
+ padding: 0;
+ }
+ .mat-form-field-infix {
+ border-top: 0;
+ }
+ }
+ }
+
\ No newline at end of file
diff --git a/src/theme.scss b/src/theme.scss
new file mode 100644
index 0000000..b26b888
--- /dev/null
+++ b/src/theme.scss
@@ -0,0 +1,78 @@
+/*
+ * Copyright (C) 2016-2017 by Teradata Corporation. All rights reserved.
+ * TERADATA CORPORATION CONFIDENTIAL AND TRADE SECRET
+ */
+
+ @import '~@angular/material/theming';
+ @import '~@covalent/core/theming/all-theme';
+ // Plus imports for other components in your app.
+
+ // Include the base styles for Angular Material core. We include this here so that you only
+ // have to load a single css file for Angular Material in your app.
+ @include mat-core();
+
+ // Define the palettes for your theme using the Material Design palettes available in palette.scss
+ // (imported above). For each palette, you can optionally specify a default, lighter, and darker
+ // hue.
+ $primary: mat-palette($mat-purple, 900, 100, 900);
+ $accent: mat-palette($mat-teal, 600, 100, 900);
+
+ // The warn palette is optional (defaults to red).
+ $warn: mat-palette($mat-red, 600, 100, 900);
+
+ // Create the theme object (a Sass map containing all of the palettes).
+ $theme: mat-light-theme($primary, $accent, $warn);
+
+ // Include theme styles for core and each component used in your app.
+ // Alternatively, you can import and @include the theme mixins for each component
+ // that you are using.
+ @include angular-material-theme($theme);
+ @include covalent-theme($theme);
+
+ // Active icon color in list nav
+ mat-nav-list, mat-list {
+ [mat-list-item].active {
+ mat-icon[matListAvatar] {
+ background-color: mat-color($accent);
+ color: mat-color($accent, default-contrast);
+ }
+ mat-icon[matListIcon] {
+ color: mat-color($accent);
+ }
+ }
+ }
+
+ /* ------------------------------------------------------------------------------- */
+ $foreground: map-get($theme, foreground);
+ $background: map-get($theme, background);
+
+ // Apply theme for this app
+
+ // NGX Charts
+ [ngx-charts-axis-label] text {
+ fill: mat-color($foreground, secondary-text);
+ }
+ .tick text {
+ fill: mat-color($foreground, disabled);
+ }
+ .gridline-path {
+ &.gridline-path-horizontal,
+ &.gridline-path-vertical {
+ stroke: rgba(black, 0.06);
+ }
+ }
+ .legend-title-text {
+ color: mat-color($foreground, secondary-text);
+ }
+ mat-card-title{
+ &:hover {
+ cursor: grab;
+ cursor: -moz-grab;
+ cursor: -webkit-grab;
+ }
+ &:active {
+ cursor: grabbing;
+ cursor: -moz-grabbing;
+ cursor: -webkit-grabbing;
+ }
+ }
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index d200327..503ebd8 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -164,6 +164,38 @@
dependencies:
tslib "^1.7.1"
+"@covalent/core@^1.0.0-rc.4":
+ version "1.0.0-rc.4"
+ resolved "https://registry.yarnpkg.com/@covalent/core/-/core-1.0.0-rc.4.tgz#11990106c38233dc4ba8bc6d295847732cd94351"
+ dependencies:
+ tslib "^1.7.1"
+
+"@covalent/dynamic-forms@^1.0.0-rc.4":
+ version "1.0.0-rc.4"
+ resolved "https://registry.yarnpkg.com/@covalent/dynamic-forms/-/dynamic-forms-1.0.0-rc.4.tgz#efc2b8ae059d99fabe23f27cf4f2531df2558b29"
+ dependencies:
+ "@covalent/core" "^1.0.0-rc.4"
+
+"@covalent/highlight@^1.0.0-rc.4":
+ version "1.0.0-rc.4"
+ resolved "https://registry.yarnpkg.com/@covalent/highlight/-/highlight-1.0.0-rc.4.tgz#1d3c4c17a0aa69cbaf6ad36ae10fafc517997b45"
+ dependencies:
+ highlight.js "9.11.0"
+ tslib "^1.7.1"
+
+"@covalent/http@^1.0.0-rc.4":
+ version "1.0.0-rc.4"
+ resolved "https://registry.yarnpkg.com/@covalent/http/-/http-1.0.0-rc.4.tgz#e600b2f5066cf4a5d36ebf018a3473673f2615cd"
+ dependencies:
+ tslib "^1.7.1"
+
+"@covalent/markdown@^1.0.0-rc.4":
+ version "1.0.0-rc.4"
+ resolved "https://registry.yarnpkg.com/@covalent/markdown/-/markdown-1.0.0-rc.4.tgz#94e8efbf8ffb04907ea4e8d84f30d33592ebafea"
+ dependencies:
+ showdown "1.6.4"
+ tslib "^1.7.1"
+
"@ngrx/core@^1.2.0":
version "1.2.0"
resolved "https://registry.yarnpkg.com/@ngrx/core/-/core-1.2.0.tgz#882b46abafa2e0e6d887cb71a1b2c2fa3e6d0dc6"
@@ -2985,6 +3017,10 @@ he@1.1.x:
version "1.1.1"
resolved "https://registry.yarnpkg.com/he/-/he-1.1.1.tgz#93410fd21b009735151f8868c2f271f3427e23fd"
+highlight.js@9.11.0:
+ version "9.11.0"
+ resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-9.11.0.tgz#47f98c7399918700db2caf230ded12cec41a84ae"
+
hipchat-notifier@^1.1.0:
version "1.1.0"
resolved "https://registry.yarnpkg.com/hipchat-notifier/-/hipchat-notifier-1.1.0.tgz#b6d249755437c191082367799d3ba9a0f23b231e"
@@ -6111,6 +6147,12 @@ shell-quote@^1.6.1:
array-reduce "~0.0.0"
jsonify "~0.0.0"
+showdown@1.6.4:
+ version "1.6.4"
+ resolved "https://registry.yarnpkg.com/showdown/-/showdown-1.6.4.tgz#056bbb654ecdb8d8643ae12d6d597893ccaf46c6"
+ dependencies:
+ yargs "^6.6.0"
+
signal-exit@^3.0.0:
version "3.0.2"
resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.2.tgz#b5fdc08f1287ea1178628e415e25132b73646c6d"
@@ -7377,7 +7419,7 @@ yargs-parser@^7.0.0:
dependencies:
camelcase "^4.1.0"
-yargs@6.6.0:
+yargs@6.6.0, yargs@^6.6.0:
version "6.6.0"
resolved "https://registry.yarnpkg.com/yargs/-/yargs-6.6.0.tgz#782ec21ef403345f830a808ca3d513af56065208"
dependencies: