add code to add tweet

Author: HugoCapocci

README.md

@@ -1,4 +1,4 @@
-# AngularShopTutorial
+# AngularTutorial
 
 This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 7.3.2.
 
@@ -25,3 +25,19 @@ Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protrac
 ## Further help
 
 To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
+
+<hr/>
+
+# Exercice
+
+## Setup:
+
+  - Fork the project, and clone it
+  - create your own dev branch `git checkout -b dev`
+  - launch `npm install` to download dependencies
+
+## Sync with forked repository:
+
+ - use command `git fetch upstream` to retrieve master branch from forked repository. It will create a local upstream/master branch.
+ - go to your local master branch: `git checkout master`
+ - merge the upstream master to your local master: ` git merge upstream/master`. You're up to date!

src/app/app.module.ts

@@ -10,7 +10,7 @@ import { TimelineComponent } from './timeline/timeline.component';
   declarations: [
     AppComponent,
     TimelineComponent,
-    TimeAgoPipe
+    TimeAgoPipe,
   ],
   imports: [
     BrowserModule,

src/app/timeline/timeline.component.html

@@ -7,3 +7,12 @@
     {{ tweet.text }}
   </div>
 </div>
+
+<div class="create-tweet-container">
+  <div class="tweet-content">
+    <textarea cols="50" rows="5" #tweetContent></textarea>
+  </div>
+  <div class="footer">
+    <button class="send-tweet-button" (click)="addTweet(tweetContent.value)">Tweeter</button>
+  </div>
+</div>

src/app/timeline/timeline.component.less

@@ -27,3 +27,26 @@
   }
 }
 
+.create-tweet-container {
+  margin-top: 20px;
+  margin-left: 10px;
+
+  textarea {
+    background: #fff;
+    border: 1px solid #e6ecf0;
+    border-radius: 8px;
+    line-height: 20px;
+  }
+    
+  .send-tweet-button {
+    background-color: #32ADAD;
+    border-color: transparent;
+    border-radius: 100px;
+    color: white;
+    font-size: 10px;
+    line-height: 8px;
+    padding: 6px 16px;
+    margin-left: 310px;
+    cursor: pointer;
+  }
+}

src/app/timeline/timeline.component.ts

@@ -22,9 +22,21 @@ export class TimelineComponent implements OnInit {
     },
   ];
 
+  user: string = 'Hugo';
+
   constructor() { }
 
   ngOnInit() {
   }
 
+  addTweet(text: string) {
+    const tweet: Tweet = {
+      created_at: new Date().toISOString(),
+      id: this.tweets.length + 1,
+      text,
+      user: this.user
+    }
+    this.tweets.push(tweet);
+  }
+
 }