+
diff --git a/src/app/pages/register/register.routes.ts b/src/app/pages/register/register.routes.ts
new file mode 100644
index 00000000..a6d577a8
--- /dev/null
+++ b/src/app/pages/register/register.routes.ts
@@ -0,0 +1,10 @@
+import {RouterConfig} from '@angular/router';
+import {Register} from './register.component';
+
+//noinspection TypeScriptValidateTypes
+export const RegisterRoutes: RouterConfig = [
+ {
+ path: 'register',
+ component: Register
+ }
+];
diff --git a/src/app/pages/register/register.scss b/src/app/pages/register/register.scss
new file mode 100644
index 00000000..cb03e3ee
--- /dev/null
+++ b/src/app/pages/register/register.scss
@@ -0,0 +1 @@
+@import '../../theme/sass/auth';
diff --git a/src/app/pages/tables/tables.component.ts b/src/app/pages/tables/tables.component.ts
index 13e1f44e..1091f8e6 100644
--- a/src/app/pages/tables/tables.component.ts
+++ b/src/app/pages/tables/tables.component.ts
@@ -1,7 +1,4 @@
import {Component} from '@angular/core';
-import {RouteConfig} from '@angular/router-deprecated';
-
-import {BasicTables} from './components/basicTables';
@Component({
selector: 'forms',
@@ -10,14 +7,6 @@ import {BasicTables} from './components/basicTables';
styles: [],
template: `
+
+Sign up to ng2-admin
+ Already have an ng2-admin account? Sign in! + + + +or Sign up with one click
+
+
+
+
diff --git a/src/app/theme/components/baPictureUploader/baPictureUploader.scss b/src/app/theme/components/baPictureUploader/baPictureUploader.scss
new file mode 100644
index 00000000..28cb6b59
--- /dev/null
+++ b/src/app/theme/components/baPictureUploader/baPictureUploader.scss
@@ -0,0 +1,114 @@
+@import '../../sass/conf/conf';
+
+.picture-group {
+ border: 1px dashed #b8b8b8;
+ width: 202px;
+ height: 202px;
+ position: relative;
+ cursor: pointer;
+ .picture-wrapper {
+ width: 200px;
+ height: 200px;
+ overflow: hidden;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ }
+ img {
+ max-width: 100%;
+ max-height: 100%;
+ }
+ i {
+ display: none;
+ position: absolute;
+ font-size: 32px;
+ background: $default;
+ cursor: pointer;
+ color: $primary;
+ top: -11px;
+ right: -11px;
+ height: 26px;
+ border-radius: 50%;
+ &:before {
+ line-height: 26px;
+ }
+ &:hover {
+ color: $danger;
+ }
+ }
+ a.change-picture {
+ display: none;
+ width: 202px;
+ background: rgba(0, 0, 0, 0.7);
+ transition: all 200ms ease-in-out;
+ color: $default-text;
+ text-decoration: none;
+ position: absolute;
+ bottom: -1px;
+ left: -1px;
+ line-height: 32px;
+ text-align: center;
+ }
+ &:hover {
+ i {
+ display: block;
+ }
+ .change-picture {
+ display: block;
+ }
+ }
+
+ .loading {
+ width: 100%;
+ height: 100%;
+ left: 0;
+ display: flex;
+ position: absolute;
+ justify-content: center;
+ align-items: center;
+ }
+ .spinner {
+ width: 60px;
+ height: 60px;
+ position: relative;
+ }
+
+ .double-bounce1, .double-bounce2 {
+ width: 100%;
+ height: 100%;
+ border-radius: 50%;
+ background-color: #fff;
+ opacity: 0.6;
+ position: absolute;
+ top: 0;
+ left: 0;
+
+ -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
+ animation: sk-bounce 2.0s infinite ease-in-out;
+ }
+
+ .double-bounce2 {
+ -webkit-animation-delay: -1.0s;
+ animation-delay: -1.0s;
+ }
+
+ @-webkit-keyframes sk-bounce {
+ 0%, 100% {
+ -webkit-transform: scale(0.0)
+ }
+ 50% {
+ -webkit-transform: scale(1.0)
+ }
+ }
+
+ @keyframes sk-bounce {
+ 0%, 100% {
+ transform: scale(0.0);
+ -webkit-transform: scale(0.0);
+ }
+ 50% {
+ transform: scale(1.0);
+ -webkit-transform: scale(1.0);
+ }
+ }
+}
diff --git a/src/app/theme/components/baPictureUploader/index.ts b/src/app/theme/components/baPictureUploader/index.ts
new file mode 100644
index 00000000..8a89813d
--- /dev/null
+++ b/src/app/theme/components/baPictureUploader/index.ts
@@ -0,0 +1 @@
+export * from './baPictureUploader.component.ts';
diff --git a/src/app/theme/components/baSidebar/baSidebar.component.ts b/src/app/theme/components/baSidebar/baSidebar.component.ts
index cfc48527..c8825733 100644
--- a/src/app/theme/components/baSidebar/baSidebar.component.ts
+++ b/src/app/theme/components/baSidebar/baSidebar.component.ts
@@ -1,41 +1,32 @@
import {Component, ElementRef, HostListener, ViewEncapsulation} from '@angular/core';
-import {Router} from '@angular/router-deprecated';
-
import {AppState} from '../../../app.state';
import {layoutSizes} from '../../../theme';
-import {BaSlimScroll} from '../../../theme/directives';
-import {BaSidebarService} from './baSidebar.service';
+import {BaMenu} from '../baMenu';
+import {routes} from '../../../../app/app.routes';
@Component({
selector: 'ba-sidebar',
encapsulation: ViewEncapsulation.None,
styles: [require('./baSidebar.scss')],
template: require('./baSidebar.html'),
- providers: [BaSidebarService],
- directives: [BaSlimScroll]
+ providers: [],
+ directives: [BaMenu]
})
export class BaSidebar {
- public menuItems:Array
+ 
+ 
+
+
+
+ Change profile Picture
+
+
+
+
+
+
+
+