Vitalics/redux

festival/frontend/.editorconfig

@@ -3,7 +3,7 @@ root = true
 
 [*]
 charset = utf-8
-indent_style = space
+indent_style = tab
 indent_size = 2
 insert_final_newline = true
 trim_trailing_whitespace = true

festival/frontend/package.json

@@ -26,13 +26,22 @@
     "@angular/router": "^4.2.0",
     "@ngrx/core": "^1.2.0",
     "@ngrx/effects": "^2.0.3",
+    "@ngrx/router-store": "^1.2.6",
     "@ngrx/store": "^2.2.2",
     "@ngrx/store-devtools": "^3.2.4",
+    "@ngrx/store-log-monitor": "^3.0.2",
+    "@ngx-translate/core": "^7.0.0",
+    "@ngx-translate/http-loader": "^0.1.0",
     "angular2-virtual-scroll": "^0.1.7",
     "ap-angular2-fullcalendar": "^1.3.1",
     "core-js": "^2.4.1",
     "hammerjs": "^2.0.8",
+    "localize-router": "^0.7.1",
+    "moment": "^2.18.1",
+    "ng2-ckeditor": "^1.1.9",
     "ng2-translate": "^5.0.0",
+    "ngrx-store-freeze": "^0.1.9",
+    "reselect": "^3.0.1",
     "rxjs": "^5.1.0",
     "zone.js": "^0.8.4"
   },
@@ -47,10 +56,11 @@
     "karma": "~1.4.1",
     "karma-chrome-launcher": "~2.0.0",
     "karma-cli": "~1.0.1",
+    "karma-coverage-istanbul-reporter": "^0.2.0",
     "karma-jasmine": "~1.1.0",
     "karma-jasmine-html-reporter": "^0.2.2",
-    "karma-coverage-istanbul-reporter": "^0.2.0",
     "protractor": "~5.1.0",
+    "remote-redux-devtools": "^0.5.12",
     "ts-node": "~2.0.0",
     "tslint": "~4.5.0",
     "typescript": "~2.2.0"

festival/frontend/src/app/app-routing.module.ts

@@ -0,0 +1,30 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { HomeComponent } from './home/home.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    redirectTo: 'home',
+    pathMatch: 'full'
+  },
+  {
+    path: 'home',
+    component: HomeComponent
+  },
+  {
+    path: 'event',
+    loadChildren: './event/event.module#EventModule'
+  },
+  {
+    path: 'auth',
+    loadChildren: './auth/auth.module#AuthModule'
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forRoot(routes)],
+  exports: [RouterModule],
+  providers: []
+})
+export class AppRoutingModule { }

festival/frontend/src/app/app.component.html

@@ -0,0 +1,20 @@
+<div class="row">
+  <div class="col-md-2">
+    <button *ngIf="showSidebar$ | async" type="button" class="btn btn-default" (click)="closeSidebar()">Hide sidebar</button>
+    <button *ngIf="!(showSidebar$ | async)" type="button" class="btn btn-default" (click)="openSidebar()">Show sidebar</button>
+    <ul *ngIf="showSidebar$ | async" class="nav nav-pills nav-stacked">
+      <li role="presentation" [routerLinkActive]="['active']">
+        <a [routerLink]="['/auth']">auth</a>
+      </li>
+      <li role="presentation" [routerLinkActive]="['active']">
+        <a [routerLink]="['/auth/register']">Register</a>
+      </li>
+      <li role="presentation" [routerLinkActive]="['active']">
+        <a [routerLink]="['/two', 1]">Two</a>
+      </li>
+    </ul>
+  </div>
+  <div class="col-md-10">
+    <router-outlet></router-outlet>
+  </div>
+</div>

festival/frontend/src/app/app.component.ts

@@ -0,0 +1,27 @@
+import { Component } from '@angular/core';
+import { Store } from '@ngrx/store';
+import { Observable } from 'rxjs/Observable';
+import * as root from './shared/reducers';
+import * as ui from './shared/actions/ui-state';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.css']
+})
+export class AppComponent {
+  showSidebar$: Observable<boolean>;
+
+
+  constructor(private store: Store<root.State>) {
+    this.showSidebar$ = this.store.select(root.getShowSidebar);
+  }
+
+  openSidebar() {
+    this.store.dispatch(new ui.OpenSidebarAction());
+  }
+
+  closeSidebar() {
+    this.store.dispatch(new ui.CloseSidebarAction());
+  }
+}

festival/frontend/src/app/app.module.ts

@@ -0,0 +1,37 @@
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+import { FormsModule } from '@angular/forms';
+import { HttpModule } from '@angular/http';
+import { StoreModule } from '@ngrx/store';
+import { RouterStoreModule } from '@ngrx/router-store';
+import { StoreDevtoolsModule } from '@ngrx/store-devtools';
+
+import { AppRoutingModule } from './app-routing.module';
+import { AppComponent } from './app.component';
+import { rootReducer } from './shared/reducers/index';
+import { HomeComponent } from './home/home.component';
+import { SharedModule } from './shared/shared.module';
+
+@NgModule({
+  declarations: [
+    AppComponent,
+    HomeComponent
+  ],
+  imports: [
+    BrowserModule,
+    FormsModule,
+    HttpModule,
+    AppRoutingModule,
+    StoreModule.provideStore(rootReducer),
+    RouterStoreModule.connectRouter(),
+    StoreDevtoolsModule.instrumentOnlyWithExtension(),
+    SharedModule.forRoot()
+  ],
+  providers: [],
+  bootstrap: [AppComponent]
+})
+export class AppModule {
+  constructor() {
+    console.log('AppModule instantiated.');
+  }
+}