diff --git a/angular.json b/angular.json index eba094a3d..710f733d8 100644 --- a/angular.json +++ b/angular.json @@ -111,6 +111,123 @@ } } } + }, + "profile": { + "projectType": "application", + "schematics": {}, + "root": "projects/profile", + "sourceRoot": "projects/profile/src", + "prefix": "app", + "architect": { + "build": { + "builder": "@angular-devkit/build-angular:browser", + "options": { + "outputPath": "dist/profile", + "index": "projects/profile/src/index.html", + "main": "projects/profile/src/main.ts", + "polyfills": "projects/profile/src/polyfills.ts", + "tsConfig": "projects/profile/tsconfig.app.json", + "aot": true, + "assets": [ + "projects/profile/src/favicon.ico", + "projects/profile/src/assets" + ], + "styles": [ + "projects/profile/src/styles.css" + ], + "scripts": [] + }, + "configurations": { + "production": { + "fileReplacements": [ + { + "replace": "projects/profile/src/environments/environment.ts", + "with": "projects/profile/src/environments/environment.prod.ts" + } + ], + "optimization": true, + "outputHashing": "all", + "sourceMap": false, + "extractCss": true, + "namedChunks": false, + "extractLicenses": true, + "vendorChunk": false, + "buildOptimizer": true, + "budgets": [ + { + "type": "initial", + "maximumWarning": "2mb", + "maximumError": "5mb" + }, + { + "type": "anyComponentStyle", + "maximumWarning": "6kb", + "maximumError": "10kb" + } + ] + } + } + }, + "serve": { + "builder": "@angular-devkit/build-angular:dev-server", + "options": { + "browserTarget": "profile:build" + }, + "configurations": { + "production": { + "browserTarget": "profile:build:production" + } + } + }, + "extract-i18n": { + "builder": "@angular-devkit/build-angular:extract-i18n", + "options": { + "browserTarget": "profile:build" + } + }, + "test": { + "builder": "@angular-devkit/build-angular:karma", + "options": { + "main": "projects/profile/src/test.ts", + "polyfills": "projects/profile/src/polyfills.ts", + "tsConfig": "projects/profile/tsconfig.spec.json", + "karmaConfig": "projects/profile/karma.conf.js", + "assets": [ + "projects/profile/src/favicon.ico", + "projects/profile/src/assets" + ], + "styles": [ + "projects/profile/src/styles.css" + ], + "scripts": [] + } + }, + "lint": { + "builder": "@angular-devkit/build-angular:tslint", + "options": { + "tsConfig": [ + "projects/profile/tsconfig.app.json", + "projects/profile/tsconfig.spec.json", + "projects/profile/e2e/tsconfig.json" + ], + "exclude": [ + "**/node_modules/**" + ] + } + }, + "e2e": { + "builder": "@angular-devkit/build-angular:protractor", + "options": { + "protractorConfig": "projects/profile/e2e/protractor.conf.js", + "devServerTarget": "profile:serve" + }, + "configurations": { + "production": { + "devServerTarget": "profile:serve:production" + } + } + } + } } }, "defaultProject": "test-ng7", diff --git a/src/app/app.module.ts b/src/app/app.module.ts index a3c5151d4..90b24d298 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -8,6 +8,7 @@ import { AppRoutingModule } from './app-routing.module'; import { AppComponent } from './app.component'; import { AuthGuard } from './shared'; import { LanguageTranslationModule } from './shared/modules/language-translation/language-translation.module'; +import { ProfileComponent } from './profile/profile.component'; @NgModule({ imports: [ @@ -18,7 +19,7 @@ import { LanguageTranslationModule } from './shared/modules/language-translation LanguageTranslationModule, AppRoutingModule ], - declarations: [AppComponent], + declarations: [AppComponent, ProfileComponent], providers: [AuthGuard], bootstrap: [AppComponent] }) diff --git a/src/app/layout/bs-element/bs-element.component.html b/src/app/layout/bs-element/bs-element.component.html index 9c5d8dfe3..c87c81b30 100644 --- a/src/app/layout/bs-element/bs-element.component.html +++ b/src/app/layout/bs-element/bs-element.component.html @@ -18,7 +18,7 @@

Buttons

- + @@ -373,4 +373,44 @@

Dark card title

+ +
+

Jumbotron

+
+
+
+
+

Fluid jumbotron

+

This is a modified jumbotron!! Enjoy it!

+
+
+ +
+

Range Input

+
+
+
+
+ + +
+
+ +
+

Danger Button

+
+
+
+ + +
+ Delete Page + Bad migration + Turn off your wifi +
+ Forget this +
+
diff --git a/src/app/layout/bs-element/bs-element.component.ts b/src/app/layout/bs-element/bs-element.component.ts index c04154081..b247859f6 100644 --- a/src/app/layout/bs-element/bs-element.component.ts +++ b/src/app/layout/bs-element/bs-element.component.ts @@ -11,4 +11,5 @@ export class BsElementComponent implements OnInit { constructor() {} ngOnInit() {} + } diff --git a/src/app/layout/components/header/header.component.html b/src/app/layout/components/header/header.component.html index 66adda30c..83c3f3121 100644 --- a/src/app/layout/components/header/header.component.html +++ b/src/app/layout/components/header/header.component.html @@ -31,6 +31,17 @@   +
  • + + UP/DOWN + +
    • +  
  • (current) diff --git a/src/app/layout/components/header/header.component.ts b/src/app/layout/components/header/header.component.ts index 212df74a4..686034389 100644 --- a/src/app/layout/components/header/header.component.ts +++ b/src/app/layout/components/header/header.component.ts @@ -37,6 +37,12 @@ export class HeaderComponent implements OnInit { dom.classList.toggle('rtl'); } + upAndDown() { + const dom: any = document.querySelector('nav'); + dom.classList.toggle('fixed-bottom'); + dom.classList.toggle('fixed-top') + } + onLoggedout() { localStorage.removeItem('isLoggedin'); } diff --git a/src/app/layout/layout-routing.module.ts b/src/app/layout/layout-routing.module.ts index 2960fb300..731c27a8c 100644 --- a/src/app/layout/layout-routing.module.ts +++ b/src/app/layout/layout-routing.module.ts @@ -27,6 +27,10 @@ const routes: Routes = [ { path: 'blank-page', loadChildren: () => import('./blank-page/blank-page.module').then((m) => m.BlankPageModule) + }, + { + path: 'profile', + loadChildren: () => import('../profile/profile.component').then((m) => m.ProfileComponent) } ] } diff --git a/src/app/profile/profile-routing.module.ts b/src/app/profile/profile-routing.module.ts new file mode 100644 index 000000000..49aa0a6e7 --- /dev/null +++ b/src/app/profile/profile-routing.module.ts @@ -0,0 +1,17 @@ +import { NgModule } from '@angular/core'; +import { Routes, RouterModule } from '@angular/router'; +import { ProfileComponent } from './profile.component'; + + +const routes: Routes = [ + { + path: 'profile', + component: ProfileComponent + } +]; + +@NgModule({ + imports: [RouterModule.forChild(routes)], + exports: [RouterModule] +}) +export class ProfileRoutingModule { } diff --git a/src/app/profile/profile.component.css b/src/app/profile/profile.component.css new file mode 100644 index 000000000..e69de29bb diff --git a/src/app/profile/profile.component.html b/src/app/profile/profile.component.html new file mode 100644 index 000000000..b2e2e71de --- /dev/null +++ b/src/app/profile/profile.component.html @@ -0,0 +1 @@ +

    This is your profile

    diff --git a/src/app/profile/profile.component.spec.ts b/src/app/profile/profile.component.spec.ts new file mode 100644 index 000000000..e88012e7a --- /dev/null +++ b/src/app/profile/profile.component.spec.ts @@ -0,0 +1,25 @@ +import { ComponentFixture, TestBed } from '@angular/core/testing'; + +import { ProfileComponent } from './profile.component'; + +describe('ProfileComponent', () => { + let component: ProfileComponent; + let fixture: ComponentFixture; + + beforeEach(async () => { + await TestBed.configureTestingModule({ + declarations: [ ProfileComponent ] + }) + .compileComponents(); + }); + + beforeEach(() => { + fixture = TestBed.createComponent(ProfileComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/profile/profile.component.ts b/src/app/profile/profile.component.ts new file mode 100644 index 000000000..93040f3e2 --- /dev/null +++ b/src/app/profile/profile.component.ts @@ -0,0 +1,15 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-profile', + templateUrl: './profile.component.html', + styleUrls: ['./profile.component.css'] +}) +export class ProfileComponent implements OnInit { + + constructor() { } + + ngOnInit(): void { + } + +} diff --git a/src/app/profile/profile.module.ts b/src/app/profile/profile.module.ts new file mode 100644 index 000000000..aa591e314 --- /dev/null +++ b/src/app/profile/profile.module.ts @@ -0,0 +1,14 @@ +import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; + +import { ProfileRoutingModule } from './profile-routing.module'; + + +@NgModule({ + declarations: [], + imports: [ + CommonModule, + ProfileRoutingModule + ] +}) +export class ProfileModule { }