team name edition

IceMaD · Feb 20, 2016 · d4be5af · d4be5af
1 parent 89a2675
commit d4be5af
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 8 deletions.
diff --git a/app/sass/component/team/_team.scss b/app/sass/component/team/_team.scss
@@ -11,9 +11,15 @@
   justify-content: space-between;
   align-items: center;
 
-  @include child(name) {
+  @include child(editor) {
 
-    // @TODO Remove ?
+    border: none;
+    font-size: inherit;
+    outline: none;
+    line-height: 1.5;
+    display: block;
+    flex-grow: 1;
+    margin-right: 1em;
   }
 
   @include child(remove) {

diff --git a/app/templates/team.html b/app/templates/team.html
@@ -1,4 +1,4 @@
 <div class="team">
-  <span class="team_name">{{ team.name }}</span>
-  <button class="team_remove" (click)="remove(team)">X</button>
+  <input class="team_editor" type="text" title="Team name" [(ngModel)]="team.name">
+  <button class="team_remove" (click)="remove()">X</button>
 </div>
diff --git a/app/ts/Components/TeamComponent.ts b/app/ts/Components/TeamComponent.ts
@@ -9,8 +9,13 @@ import {TeamHolderService} from "../Services/TeamHolderService";
 })
 export class TeamComponent {
   @Input() team: TeamModel;
+  public edition: boolean = false;
 
-  remove(team: TeamModel) {
-    TeamHolderService.removeTeam(team);
+  public remove() {
+    TeamHolderService.removeTeam(this.team);
+  }
+
+  public edit() {
+    this.edition = true;
   }
 }
diff --git a/app/ts/Views/TreeView.ts b/app/ts/Views/TreeView.ts
@@ -28,7 +28,5 @@ export class TreeView {
     }
 
     this.tree = TreeManager.tree;
-
-    console.log(TreeManager.tree);
   }
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -28,7 +28,5 @@ export class TreeView { @@
         }
         this.tree = TreeManager.tree;
-        console.log(TreeManager.tree);
       }
     }