From a9d2dd57bc09974ab4bea2a0d4d3eeb66c79834d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Krist=C3=B3f=20T=C3=B3th?= <kristof.toth@avatao.com>
Date: Wed, 7 Feb 2018 13:16:14 +0100
Subject: [PATCH 1/5] Implement webide file changing with poc text input

---
 src/app/webide/webide.component.html | 3 +++
 src/app/webide/webide.component.ts   | 6 ++++++
 2 files changed, 9 insertions(+)

diff --git a/src/app/webide/webide.component.html b/src/app/webide/webide.component.html
index bd6a1ae..a6b9820 100644
--- a/src/app/webide/webide.component.html
+++ b/src/app/webide/webide.component.html
@@ -1,3 +1,6 @@
+<input [(ngModel)]="filename">
+<button (click)="selectCode(); requestCode()" type="submit" class="btn btn-primary">Select file</button>
+
 <div
   ace-editor
   [(text)]="code"
diff --git a/src/app/webide/webide.component.ts b/src/app/webide/webide.component.ts
index 4afd846..38b5626 100644
--- a/src/app/webide/webide.component.ts
+++ b/src/app/webide/webide.component.ts
@@ -44,4 +44,10 @@ export class WebideComponent implements OnInit {
     });
   }
 
+  selectCode() {
+    this.webSocketService.send(this.anchor_id, {
+      'command': 'select',
+      'filename': this.filename
+    });
+  }
 }

From ec4f70cd12d479b356209fbe77c08c9c1dde3079 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Krist=C3=B3f=20T=C3=B3th?= <kristof.toth@avatao.com>
Date: Wed, 7 Feb 2018 14:51:37 +0100
Subject: [PATCH 2/5] Implement multiple webide tabs

---
 src/app/webide/source-code.ts        | 1 +
 src/app/webide/webide.component.html | 7 +++++--
 src/app/webide/webide.component.ts   | 6 ++++--
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/app/webide/source-code.ts b/src/app/webide/source-code.ts
index 7920bae..d65524f 100644
--- a/src/app/webide/source-code.ts
+++ b/src/app/webide/source-code.ts
@@ -2,4 +2,5 @@ export class SourceCode {
   filename: string;
   content: string;
   language: string;
+  files: string[];
 }
diff --git a/src/app/webide/webide.component.html b/src/app/webide/webide.component.html
index a6b9820..5bfdd7c 100644
--- a/src/app/webide/webide.component.html
+++ b/src/app/webide/webide.component.html
@@ -1,5 +1,8 @@
-<input [(ngModel)]="filename">
-<button (click)="selectCode(); requestCode()" type="submit" class="btn btn-primary">Select file</button>
+<ul class="editor-tabs">
+  <li class="editor-li" *ngFor="let file of files">
+    <button class="editor-button" (click)="selectCode(file); requestCode();">{{file}}</button>
+  </li>
+</ul>
 
 <div
   ace-editor
diff --git a/src/app/webide/webide.component.ts b/src/app/webide/webide.component.ts
index 38b5626..54068ff 100644
--- a/src/app/webide/webide.component.ts
+++ b/src/app/webide/webide.component.ts
@@ -19,6 +19,7 @@ export class WebideComponent implements OnInit {
   code: string = defaultSourceCode;
   language = 'javascript';
   theme = 'monokai';
+  files: string[];
 
   constructor(private webSocketService: WebSocketService) { }
 
@@ -27,6 +28,7 @@ export class WebideComponent implements OnInit {
       this.filename = event.data.filename;
       this.code = event.data.content;
       this.language = event.data.language;
+      this.files = event.data.files;
     });
     this.requestCode();
   }
@@ -44,10 +46,10 @@ export class WebideComponent implements OnInit {
     });
   }
 
-  selectCode() {
+  selectCode(filename: string) {
     this.webSocketService.send(this.anchor_id, {
       'command': 'select',
-      'filename': this.filename
+      'filename': filename
     });
   }
 }

From 239c9850568c08ae7f8a36cf44e6eb778d866e91 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Krist=C3=B3f=20T=C3=B3th?= <kristof.toth@avatao.com>
Date: Wed, 7 Feb 2018 16:11:11 +0100
Subject: [PATCH 3/5] Make webide "tabs" nicer

---
 src/app/webide/webide.component.html | 6 +++++-
 src/app/webide/webide.component.scss | 8 ++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/app/webide/webide.component.html b/src/app/webide/webide.component.html
index 5bfdd7c..1cb300a 100644
--- a/src/app/webide/webide.component.html
+++ b/src/app/webide/webide.component.html
@@ -1,6 +1,10 @@
 <ul class="editor-tabs">
   <li class="editor-li" *ngFor="let file of files">
-    <button class="editor-button" (click)="selectCode(file); requestCode();">{{file}}</button>
+    <button class="btn btn-primary btn-xs"
+            [class.active]="filename === file"
+            (click)="selectCode(file); requestCode();">
+      {{file}}
+    </button>
   </li>
 </ul>
 
diff --git a/src/app/webide/webide.component.scss b/src/app/webide/webide.component.scss
index fc1c252..87e9a70 100644
--- a/src/app/webide/webide.component.scss
+++ b/src/app/webide/webide.component.scss
@@ -3,3 +3,11 @@
   width:100%;
   overflow: auto;
 }
+
+.editor-tabs {
+  list-style: none;
+}
+
+.editor-li {
+  float: left;
+}

From e1fb56eb0a18ff315d90cbe8e0560c11185f4d0d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Krist=C3=B3f=20T=C3=B3th?= <kristof.toth@avatao.com>
Date: Wed, 7 Feb 2018 17:06:06 +0100
Subject: [PATCH 4/5] Make frontend nice af

---
 src/app/app.component.html           |  2 +-
 src/app/webide/webide.component.html | 17 ++++++++---------
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 765de9e..f04da24 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -1,6 +1,6 @@
 <app-header></app-header>
 <div class="container-fluid">
-  <div class="row tfw-first-row">
+  <div class="row">
     <div class="col-sm"><app-login></app-login></div>
     <div class="col-sm-6"><app-webide></app-webide></div>
     <div class="col-sm"><app-messages></app-messages></div>
diff --git a/src/app/webide/webide.component.html b/src/app/webide/webide.component.html
index 1cb300a..c03dbdb 100644
--- a/src/app/webide/webide.component.html
+++ b/src/app/webide/webide.component.html
@@ -1,12 +1,11 @@
-<ul class="editor-tabs">
-  <li class="editor-li" *ngFor="let file of files">
-    <button class="btn btn-primary btn-xs"
-            [class.active]="filename === file"
-            (click)="selectCode(file); requestCode();">
-      {{file}}
-    </button>
-  </li>
-</ul>
+<div class="btn-group btn-group-sm flex-wrap">
+  <button *ngFor="let file of files"
+          class="btn btn-secondary"
+          [class.active]="filename === file"
+          (click)="selectCode(file); requestCode();">
+    {{file}}
+  </button>
+</div>
 
 <div
   ace-editor

From 8c2467e48d2a851dd1f2f0e7a615c637e9999a52 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Krist=C3=B3f=20T=C3=B3th?= <kristof.toth@avatao.com>
Date: Thu, 8 Feb 2018 14:53:15 +0100
Subject: [PATCH 5/5] =?UTF-8?q?Remove=20rounded=20edges=20from=20webide=20?=
 =?UTF-8?q?tabs=20=E2=80=93=20thanks=20pg.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/webide/webide.component.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/app/webide/webide.component.scss b/src/app/webide/webide.component.scss
index 87e9a70..559366c 100644
--- a/src/app/webide/webide.component.scss
+++ b/src/app/webide/webide.component.scss
@@ -11,3 +11,7 @@
 .editor-li {
   float: left;
 }
+
+.btn-secondary {
+  border-radius: 0;
+}