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">
+
+
+