From e8d9000a7431a5c722fe57cde12451a71aaf1027 Mon Sep 17 00:00:00 2001
From: Torsten Ruger <torsten@villataika.fi>
Date: Wed, 22 Jul 2015 16:22:54 +0300
Subject: [PATCH] file per class

---
 class_view.rb    | 15 +++++++++++
 debugger.rb      | 67 +++---------------------------------------------
 register_view.rb | 27 +++++++++++++++++++
 source_view.rb   | 17 ++++++++++++
 4 files changed, 63 insertions(+), 63 deletions(-)
 create mode 100644 class_view.rb
 create mode 100644 register_view.rb
 create mode 100644 source_view.rb

diff --git a/class_view.rb b/class_view.rb
new file mode 100644
index 0000000..f5318aa
--- /dev/null
+++ b/class_view.rb
@@ -0,0 +1,15 @@
+class ClassView
+
+  include React::Component
+
+  required_param :sources, type: [Hash]
+
+  def render
+    div class: "sourceList" do
+      sources.each do |source|
+        SourceView author: source[:author], text: source[:text]
+      end
+    end
+  end
+
+end
diff --git a/debugger.rb b/debugger.rb
index 27fe121..200b52b 100644
--- a/debugger.rb
+++ b/debugger.rb
@@ -4,8 +4,11 @@ require 'opal-jquery'
 require "json"
 require 'opal-react'
 
-Document.ready? do  # Document.ready? is a opal-jquery method.  The block will run when doc is loaded
+require "class_view"
+require "register_view"
+require "source_view"
 
+Document.ready? do  # Document.ready? is a opal-jquery method.
   React.render( React.create_element( Debugger),  Element['#content']    )
 end
 
@@ -33,65 +36,3 @@ class Debugger
     end
   end
 end
-
-class ClassView
-
-  include React::Component
-
-  required_param :sources, type: [Hash]
-
-  def render
-    div class: "sourceList" do
-      sources.each do |source|
-        Source author: source[:author], text: source[:text]
-      end
-    end
-  end
-
-end
-
-class RegisterView
-
-  include React::Component
-  required_param :submit_source, type: Proc
-
-  define_state :author, :text
-
-  def render
-    div do
-      div do
-        "Author: ".span
-        input(type: :text, value: author, placeholder: "Your name", style: {width: "30%"}).
-          on(:change) { |e| author! e.target.value }
-      end
-      div do
-        div(style: {float: :left, width: "50%"}) do
-          textarea(value: text, placeholder: "Say something...", style: {width: "90%"}, rows: 10).
-            on(:change) { |e| text! e.target.value }
-        end
-        div(style: {float: :left, width: "50%"}) do
-          text
-        end
-      end
-      button { "Post" }.on(:click) { submit_source :author => (author! ""), :text => (text! "") }
-    end
-  end
-end
-
-class Source
-
-  include React::Component
-
-  required_param :author
-  required_param :text
-
-  def render
-    div class: "source" do
-      h2(class: "sourceAuthor") { author }
-      div do
-        text
-      end
-    end
-  end
-
-end
diff --git a/register_view.rb b/register_view.rb
new file mode 100644
index 0000000..b09842a
--- /dev/null
+++ b/register_view.rb
@@ -0,0 +1,27 @@
+class RegisterView
+
+  include React::Component
+  required_param :submit_source, type: Proc
+
+  define_state :author, :text
+
+  def render
+    div do
+      div do
+        "Author: ".span
+        input(type: :text, value: author, placeholder: "Your name", style: {width: "30%"}).
+          on(:change) { |e| author! e.target.value }
+      end
+      div do
+        div(style: {float: :left, width: "50%"}) do
+          textarea(value: text, placeholder: "Say something...", style: {width: "90%"}, rows: 10).
+            on(:change) { |e| text! e.target.value }
+        end
+        div(style: {float: :left, width: "50%"}) do
+          text
+        end
+      end
+      button { "Post" }.on(:click) { submit_source :author => (author! ""), :text => (text! "") }
+    end
+  end
+end
diff --git a/source_view.rb b/source_view.rb
new file mode 100644
index 0000000..744c5a7
--- /dev/null
+++ b/source_view.rb
@@ -0,0 +1,17 @@
+class SourceView
+
+  include React::Component
+
+  required_param :author
+  required_param :text
+
+  def render
+    div class: "source" do
+      h2(class: "sourceAuthor") { author }
+      div do
+        text
+      end
+    end
+  end
+
+end