ponytail 0.0.4 → 0.0.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: ee3b29d3740046a1e12155cc766af426c6694523
-  data.tar.gz: a9e134360624760a685ab675046022fb8431ff02
+  metadata.gz: d4860fce199d282dff06bc5b4911950a090aca57
+  data.tar.gz: 7ff4d13fa13bffe3837a43aa54203ae8dac58061
 SHA512:
-  metadata.gz: 0812489fcccdfdedb8ae0ed4d8da0796e64a01f99d98b5b0f12eb91f4595c80bfbe41b65c396564080f139ee909ef09f9fb89b715009284b84b062909b805cea
-  data.tar.gz: a1d54bf1b29312b846173c82f4eb61843606c6f6e9255502702766f732bd35b5b88d7e5bfa026204a5be53e94b22c771d3f331cc14da032ce33e7e3f76c6975c
+  metadata.gz: ce4733c9df76043623e1e3654d68a0f22852c18c8d14c722002869a8ba3ee5632d5617d5702e5b2b02d2ff089e5a3c93733c22e29cb388382d34d4d46ec93943
+  data.tar.gz: d736ba57fa0667af73b60ce55b6560b965f3c7a6a9839c90df61edb6e804a581fa3a9303978d66d1c987bc1bf3e59242919de97e1ccfceb13fb7df492c635642

data/app/assets/javascripts/ponytail/migrations.js

@@ -26,10 +26,109 @@ function closeNotice() {
   });
 }
 
+function toggleEditRawContent() {
+  var elems = document.querySelectorAll(".pt_checkbox");
+  onClick(elems, function() {
+    var raw_content = document.querySelectorAll(".pt_raw_content");
+    var text_area = raw_content[0].children[0];
+    text_area.disabled = !(text_area.disabled);
+  });
+}
+
+function MigrationFile() {
+  this.className = "";
+  this.commands = [];
+}
+
+MigrationFile.prototype.setClassName = function(className) {
+  this.className = className;
+};
+
+MigrationFile.prototype.toString = function() {
+  return ["class " + this.className + " < ActiveRecord::Migration",
+         "  def change",
+         this.toStringOfCommands(),
+         "  end",
+         "end"].join("\n");
+};
+
+MigrationFile.prototype.addCommand = function(command) {
+  this.commands.push(command);
+};
+
+MigrationFile.prototype.toStringOfCommands = function() {
+  return this.commands.map(function(command) {
+    return command.toString();
+  }).join("\n").replace(/^/, "    ").replace(/\n/g, "\n    ");
+};
+
+function CreateTable() {
+  this.tableName = "";
+}
+
+CreateTable.prototype.setTableName = function(tableName) {
+  this.tableName = tableName;
+};
+
+CreateTable.prototype.toString = function() {
+  return ["create_table :" + this.tableName + " do |t|",
+         "  t.timestamps",
+         "end"].join("\n");
+};
+
+function getMigrationClassName() {
+  var elem = document.querySelectorAll(".pt_class_name input")[0];
+  return elem.value;
+}
+
+function getNewTableName() {
+  var elem = document.querySelectorAll(".pt_new_class_name input")[0];
+  return elem.value;
+}
+
+function inputClassName() {
+  var elems = document.querySelectorAll(".pt_class_name input");
+  elems[0].onkeyup = function() {
+    var file = new MigrationFile();
+    file.setClassName(this.value);
+    var command = new CreateTable();
+    command.setTableName(getNewTableName());
+    file.addCommand(command);
+    var area = document.querySelectorAll(".pt_raw_content textarea")[0];
+    area.value = file.toString();
+  };
+}
+
+function clickNewTable() {
+  var elem = document.querySelectorAll(".pt_new_table")[0];
+  elem.onclick = function() {
+    this.style.display = "none";
+    var form = document.querySelectorAll(".pt_new_table_form")[0];
+    form.style.display = "block";
+  };
+}
+
+function inputNewTableName() {
+  var elem = document.querySelectorAll(".pt_new_class_name input")[0];
+  elem.onkeyup = function() {
+    var file = new MigrationFile();
+    file.setClassName(getMigrationClassName());
+    var command = new CreateTable();
+    command.setTableName(this.value);
+    file.addCommand(command);
+    var area = document.querySelectorAll(".pt_raw_content textarea")[0];
+    area.value = file.toString();
+  };
+}
+
 function setupMigrations() {
   toggleMigrationRawContent();
   closeNotice();
 }
 
 function setupNewMigration() {
+  toggleEditRawContent();
+  inputClassName();
+  clickNewTable();
+  inputNewTableName();
 }

data/app/assets/stylesheets/ponytail/application.css

@@ -84,6 +84,15 @@
   margin-top: 5px;
 }
 
+.pt_new .pt_schema .pt_new_table {
+  margin-top: 5px;
+}
+
+.pt_new .pt_schema .pt_new_table_form {
+  display: none;
+  margin-top: 5px;
+}
+
 .pt_new .pt_columns {
   display: -moz-box;
   display: -webkit-box;
@@ -103,5 +112,13 @@
   width: 100px;
 }
 
-.pt_new .pt_columns .pt_column .pt_column_name {
+.pt_new .pt_form_header {
+  display: -moz-box;
+  display: -webkit-box;
+  width: 100%;
+}
+
+.pt_new .pt_form_header .pt_class_name {
+  -moz-box-flex: 1;
+  -webkit-box-flex: 1;
 }

data/app/views/ponytail/migrations/new.html.erb

@@ -3,17 +3,35 @@
     <% @schema.tables.each do |t| %>
       <%= render 'table', table: t %>
     <% end %>
+
+    <div class="pt_new_table">
+      <a href="#">New Table</a>
+    </div>
+    <div class="pt_new_table_form">
+      <div class="pt_new_class_name">
+        <input type="text" />
+      </div>
+    </div>
   </div>
 
   <div>
     <%= form_for @migration, url: migrations_path do |f| %>
       <%= render 'new_errors', migration: @migration %>
 
-      <span>Class Name</span>
-      <%= f.text_field :name %>
+      <div class="pt_form_header">
+        <div class="pt_class_name">
+          <span>Class Name</span>
+          <%= f.text_field :name %>
+        </div>
+
+        <div class="pt_edit_checkbox">
+          <input type="checkbox" class="pt_checkbox" />
+          <span>edit</span>
+        </div>
+      </div>
 
       <div class="pt_raw_content">
-        <%= f.text_area :raw_content, size: '60x20' %>
+        <%= f.text_area :raw_content, size: '60x20', disabled: true %>
       </div>
 
       <%= f.submit 'Update' %>

data/lib/ponytail/version.rb

@@ -1,3 +1,3 @@
 module Ponytail
-  VERSION = "0.0.4"
+  VERSION = "0.0.5"
 end

data/spec/javascripts/ponytail/MigrationSpec.js

@@ -0,0 +1,9 @@
+describe("MigrationFile", function() {
+  describe("#setClassName", function() {
+    it("should be able to set className", function() {
+      var file = new MigrationFile();
+      file.setClassName("CreateUsers");
+      expect(file.className).toBe("CreateUsers");
+    });
+  });
+});

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ponytail
 version: !ruby/object:Gem::Version
-  version: 0.0.4
+  version: 0.0.5
 platform: ruby
 authors:
 - sinsoku
@@ -95,8 +95,6 @@ files:
 - LICENSE.txt
 - README.md
 - Rakefile
-- app/assets/javascripts/jasmine_examples/Player.js
-- app/assets/javascripts/jasmine_examples/Song.js
 - app/assets/javascripts/ponytail/application.js
 - app/assets/javascripts/ponytail/migrations.js
 - app/assets/stylesheets/ponytail/application.css
@@ -118,8 +116,7 @@ files:
 - ponytail.gemspec
 - spec/controllers/migrations_controller_spec.rb
 - spec/javascripts/helpers/.keep
-- spec/javascripts/helpers/SpecHelper.js
-- spec/javascripts/jasmine_examples/PlayerSpec.js
+- spec/javascripts/ponytail/MigrationSpec.js
 - spec/javascripts/support/jasmine.yml
 - spec/javascripts/support/jasmine_helper.rb
 - spec/ponytail/migration_spec.rb
@@ -154,8 +151,7 @@ summary: Ponytail is a Rails engine that shows the migrations.
 test_files:
 - spec/controllers/migrations_controller_spec.rb
 - spec/javascripts/helpers/.keep
-- spec/javascripts/helpers/SpecHelper.js
-- spec/javascripts/jasmine_examples/PlayerSpec.js
+- spec/javascripts/ponytail/MigrationSpec.js
 - spec/javascripts/support/jasmine.yml
 - spec/javascripts/support/jasmine_helper.rb
 - spec/ponytail/migration_spec.rb

data/app/assets/javascripts/jasmine_examples/Player.js

@@ -1,22 +0,0 @@
-function Player() {
-}
-Player.prototype.play = function(song) {
-  this.currentlyPlayingSong = song;
-  this.isPlaying = true;
-};
-
-Player.prototype.pause = function() {
-  this.isPlaying = false;
-};
-
-Player.prototype.resume = function() {
-  if (this.isPlaying) {
-    throw new Error("song is already playing");
-  }
-
-  this.isPlaying = true;
-};
-
-Player.prototype.makeFavorite = function() {
-  this.currentlyPlayingSong.persistFavoriteStatus(true);
-};

data/app/assets/javascripts/jasmine_examples/Song.js

@@ -1,7 +0,0 @@
-function Song() {
-}
-
-Song.prototype.persistFavoriteStatus = function(value) {
-  // something complicated
-  throw new Error("not yet implemented");
-};

data/spec/javascripts/helpers/SpecHelper.js

@@ -1,9 +0,0 @@
-beforeEach(function() {
-  this.addMatchers({
-    toBePlaying: function(expectedSong) {
-      var player = this.actual;
-      return player.currentlyPlayingSong === expectedSong
-          && player.isPlaying;
-    }
-  })
-});

data/spec/javascripts/jasmine_examples/PlayerSpec.js

@@ -1,58 +0,0 @@
-describe("Player", function() {
-  var player;
-  var song;
-
-  beforeEach(function() {
-    player = new Player();
-    song = new Song();
-  });
-
-  it("should be able to play a Song", function() {
-    player.play(song);
-    expect(player.currentlyPlayingSong).toEqual(song);
-
-    //demonstrates use of custom matcher
-    expect(player).toBePlaying(song);
-  });
-
-  describe("when song has been paused", function() {
-    beforeEach(function() {
-      player.play(song);
-      player.pause();
-    });
-
-    it("should indicate that the song is currently paused", function() {
-      expect(player.isPlaying).toBeFalsy();
-
-      // demonstrates use of 'not' with a custom matcher
-      expect(player).not.toBePlaying(song);
-    });
-
-    it("should be possible to resume", function() {
-      player.resume();
-      expect(player.isPlaying).toBeTruthy();
-      expect(player.currentlyPlayingSong).toEqual(song);
-    });
-  });
-
-  // demonstrates use of spies to intercept and test method calls
-  it("tells the current song if the user has made it a favorite", function() {
-    spyOn(song, 'persistFavoriteStatus');
-
-    player.play(song);
-    player.makeFavorite();
-
-    expect(song.persistFavoriteStatus).toHaveBeenCalledWith(true);
-  });
-
-  //demonstrates use of expected exceptions
-  describe("#resume", function() {
-    it("should throw an exception if song is already playing", function() {
-      player.play(song);
-
-      expect(function() {
-        player.resume();
-      }).toThrow("song is already playing");
-    });
-  });
-});