Scouting App: Add note scouting template

Note scouts use a template to have a more standardized structure across
scouts. This patch autofills the note input text area with the template
set in the setTeamNumber().

Signed-off-by: Filip Kujawa <filip.j.kujawa@gmail.com>
Change-Id: I2a778c924077652615325943edd9c5110e684c99
diff --git a/scouting/www/notes/notes.component.css b/scouting/www/notes/notes.component.css
index 67b2351..b601507 100644
--- a/scouting/www/notes/notes.component.css
+++ b/scouting/www/notes/notes.component.css
@@ -4,6 +4,7 @@
 
 .text-input {
   width: calc(100% - 20px);
+  height: 100px;
 }
 
 .container-main {
diff --git a/scouting/www/notes/notes.component.ts b/scouting/www/notes/notes.component.ts
index 86df425..fae079a 100644
--- a/scouting/www/notes/notes.component.ts
+++ b/scouting/www/notes/notes.component.ts
@@ -86,7 +86,7 @@
   setTeamNumber() {
     let data: Input = {
       teamNumber: this.teamNumberSelection,
-      notesData: '',
+      notesData: 'Auto: \nTeleop: \nEngame: ',
       keywordsData: {
         goodDriving: false,
         badDriving: false,
@@ -118,6 +118,7 @@
     for (let i = 0; i < this.newData.length; i++) {
       const builder = new Builder();
       const dataFb = builder.createString(this.newData[i].notesData);
+
       builder.finish(
         SubmitNotes.createSubmitNotes(
           builder,