diff --git a/src/app/app.module.ts b/src/app/app.module.ts index 1246ddf8..601084fc 100644 --- a/src/app/app.module.ts +++ b/src/app/app.module.ts @@ -44,6 +44,7 @@ import { StreamOverlayComponent } from './components/stream/stream-overlay/strea import { DatabindedTextComponent } from './components/stream/status/databinded-text/databinded-text.component'; import { TimeAgoPipe } from './pipes/time-ago.pipe'; import { StreamStatusesComponent } from './components/stream/stream-statuses/stream-statuses.component'; +import { StreamEditionComponent } from './components/stream/stream-edition/stream-edition.component'; const routes: Routes = [ { path: "", redirectTo: "home", pathMatch: "full" }, @@ -78,7 +79,8 @@ const routes: Routes = [ StreamOverlayComponent, DatabindedTextComponent, TimeAgoPipe, - StreamStatusesComponent + StreamStatusesComponent, + StreamEditionComponent ], imports: [ FontAwesomeModule, diff --git a/src/app/components/stream/stream-edition/stream-edition.component.html b/src/app/components/stream/stream-edition/stream-edition.component.html new file mode 100644 index 00000000..b98819cd --- /dev/null +++ b/src/app/components/stream/stream-edition/stream-edition.component.html @@ -0,0 +1,5 @@ +
+ + + +
\ No newline at end of file diff --git a/src/app/components/stream/stream-edition/stream-edition.component.scss b/src/app/components/stream/stream-edition/stream-edition.component.scss new file mode 100644 index 00000000..7e0f4b27 --- /dev/null +++ b/src/app/components/stream/stream-edition/stream-edition.component.scss @@ -0,0 +1,5 @@ +.stream-edition { + width: 100%; + min-height: 50px; + background-color: #222736; +} \ No newline at end of file diff --git a/src/app/components/stream/stream-edition/stream-edition.component.spec.ts b/src/app/components/stream/stream-edition/stream-edition.component.spec.ts new file mode 100644 index 00000000..54e63caf --- /dev/null +++ b/src/app/components/stream/stream-edition/stream-edition.component.spec.ts @@ -0,0 +1,25 @@ +import { async, ComponentFixture, TestBed } from '@angular/core/testing'; + +import { StreamEditionComponent } from './stream-edition.component'; + +xdescribe('StreamEditionComponent', () => { + let component: StreamEditionComponent; + let fixture: ComponentFixture; + + beforeEach(async(() => { + TestBed.configureTestingModule({ + declarations: [ StreamEditionComponent ] + }) + .compileComponents(); + })); + + beforeEach(() => { + fixture = TestBed.createComponent(StreamEditionComponent); + component = fixture.componentInstance; + fixture.detectChanges(); + }); + + it('should create', () => { + expect(component).toBeTruthy(); + }); +}); diff --git a/src/app/components/stream/stream-edition/stream-edition.component.ts b/src/app/components/stream/stream-edition/stream-edition.component.ts new file mode 100644 index 00000000..1d29cc06 --- /dev/null +++ b/src/app/components/stream/stream-edition/stream-edition.component.ts @@ -0,0 +1,29 @@ +import { Component, OnInit } from '@angular/core'; + +@Component({ + selector: 'app-stream-edition', + templateUrl: './stream-edition.component.html', + styleUrls: ['./stream-edition.component.scss'] +}) +export class StreamEditionComponent implements OnInit { + + constructor() { } + + ngOnInit() { + } + + moveLeft(): boolean { + console.log('move left'); + return false; + } + + moveRight(): boolean { + console.log('move right'); + return false; + } + + delete(): boolean { + console.log('delete'); + return false; + } +} diff --git a/src/app/components/stream/stream.component.html b/src/app/components/stream/stream.component.html index 57363ac5..3f6268f8 100644 --- a/src/app/components/stream/stream.component.html +++ b/src/app/components/stream/stream.component.html @@ -4,7 +4,7 @@ [browseAccountData]="overlayAccountToBrowse" [browseHashtagData]="overlayHashtagToBrowse" [browseThreadData]="overlayThreadToBrowse">
- + @@ -12,6 +12,9 @@

{{ streamElement.name.toUpperCase() }}

+ + +