ponytail 0.1.0 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 6bd123ad0381ca9e4b1a1cda1776119edb61bb0b
-  data.tar.gz: ce92b6c142949b2bbede6e943ca4f3331403a950
+  metadata.gz: 63ccf892a7224116f88fbfb4e4464ab153371fb2
+  data.tar.gz: f793e36362e8aa589b1878ad6d32f9c1aa7e9f31
 SHA512:
-  metadata.gz: dad876d0050fc6a7f9ba642f70315bddf7bd68270ae18631cf767178df876d96a6dd5768739574765c73bf6dfaa79d9e6ca808aa3b6ab79a120830c1464c4f7b
-  data.tar.gz: f25774e73631379a6d76b3ace3f161bbe9bf1ee388d54e1822cd30cb296a5c88fee08999eddd29ca7b2546c0575d0dfdd2b77933b22ad78c21663774c9628188
+  metadata.gz: f35510c6f836ea0a6c57ffc51fdfe246d60c030b09a31baac486c9bb75e8dc3197547d8c8c3174e2ab2822b247ba33ef2bc8edb15d6604438002ed861757cb0d
+  data.tar.gz: 44ac79a3da84c19460800b52219301f796ebcb27d0ab47852053aa801db6071ac7f5eb02ad5ebbfca8da59ce6128580ed7d62dcca54076417f746fa5d4fce5f1

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

@@ -10,15 +10,11 @@ function toggleMigrationRawContent() {
 }
 
 function closeNotice() {
-  var elem = document.querySelectorAll(".pt_close_notice")[0];
-  if (elem !== undefined) {
+  var elem = document.querySelector(".pt_close_notice");
+  if (elem !== null) {
     elem.onclick = function() {
       this.parentElement.style.display = "none";
+      return false;
     };
   }
 }
-
-function setupMigrations() {
-  toggleMigrationRawContent();
-  closeNotice();
-}

data/app/assets/javascripts/ponytail/models/column.js

@@ -0,0 +1,6 @@
+function Column(option) {
+  this.name = option.name;
+  this.type = option.type;
+}
+Column.prototype = {
+};

data/app/assets/javascripts/ponytail/models/rename_table.js

@@ -0,0 +1,8 @@
+function Command() {
+  this.args = Array.prototype.slice.call(arguments);
+}
+Command.prototype = {
+  toString: function() {
+    return this.args.join(" ");
+  }
+};

data/app/assets/javascripts/ponytail/models/table.js

@@ -0,0 +1,40 @@
+function Table(option) {
+  if (option === undefined) { option = {}; }
+  this.beforeTableName = option.tableName;
+  this.tableName = option.tableName;
+  this._isSaved = option.isSaved;
+  this._drop = false;
+  this.columns = [];
+}
+Table.prototype = {
+  isSaved: function() {
+    return this._isSaved ? true : false;
+  },
+  isDrop: function() {
+    return this._drop;
+  },
+  drop: function() {
+    this._drop = true;
+  },
+  addColumn: function(column) {
+    this.columns.push(column);
+  },
+  getCommands: function() {
+    if (this.isDrop() && this.isSaved()) {
+      return [new Command("drop_table", ":" + this.beforeTableName)];
+    } else if (this.isDrop() && !this.isSaved()) {
+      return [];
+    } else if (this.isSaved()) {
+      var commands = [];
+      if (this.beforeTableName != this.tableName) {
+        commands.push(new Command("rename_table", ":" + this.beforeTableName, ":" + this.tableName));
+      }
+      // TODO: add_column, ...etc
+      return commands;
+    } else {
+      var command = new CreateTable();
+      command.setTableName(this.tableName);
+      return [command];
+    }
+  }
+};

data/app/assets/javascripts/ponytail/views/migration_file_view.js

@@ -0,0 +1,39 @@
+function MigrationFileView(option) {
+  var init = option.init !== undefined ? option.init : true;
+  if (init) { this.init(option); }
+}
+MigrationFileView.prototype = {
+  init: function(option) {
+    var _this = this;
+    this.element = option.element;
+    this.callbacks = [];
+    this.checkBox = document.querySelector(".pt_checkbox");
+    this.checkBox.onclick = function() {
+      _this.toggleEditRawContent();
+    };
+    this.classNameElement = document.querySelector(".pt_class_name input");
+    this.classNameElement.onkeyup = function() {
+      _this.callbacks.forEach(function(func) {
+        func();
+      });
+    };
+    this.rawContentElement = document.querySelector(".pt_raw_content textarea");
+    this.submitButton = document.querySelector(".pt_submit");
+    this.submitButton.onclick = function() {
+      _this.rawContentElement.disabled = false;
+    };
+  },
+  toggleEditRawContent: function() {
+    this.rawContentElement.disabled = !(this.rawContentElement.disabled);
+  },
+  getClassName: function() {
+    var elem = document.querySelector(".pt_class_name input");
+    return elem.value;
+  },
+  setRawContent: function(rawContent) {
+    this.rawContentElement.value = rawContent;
+  },
+  addChangeListener: function(callback) {
+    this.callbacks.push(callback);
+  }
+};

data/app/assets/javascripts/ponytail/views/new_migration_view.js

@@ -0,0 +1,60 @@
+function NewMigrationView(option) {
+  var init = option.init !== undefined ? option.init : true;
+  if (init) { this.init(option); }
+}
+NewMigrationView.prototype = {
+  init: function(option) {
+    this.element = option.element;
+    this.tableViews = [];
+    this.newTableLink = null;
+    this.migrationFileView = null;
+    this.initTableViews();
+    this.initMigrationView();
+    this.initNewTableLink();
+  },
+  initTableViews: function() {
+    var elems = document.querySelectorAll(".pt_table");
+    var _this = this;
+    var func = function() {
+      _this.updateMigrationFileView();
+    };
+    for(var i=0; i<elems.length; i++) {
+      var tableView = new TableView({element: elems[i]});
+      tableView.addChangeListener(func);
+      this.tableViews.push(tableView);
+    }
+  },
+  initNewTableLink: function() {
+    var _this = this;
+    this.newTableLink = document.querySelector(".pt_new_table a");
+    this.newTableLink.onclick = function() {
+      var schema = document.querySelector(".pt_new .pt_schema");
+      var newTable = document.querySelector(".pt_new .pt_new_table");
+      var tableView = new TableView({});
+      tableView.addChangeListener(function() {
+        _this.updateMigrationFileView();
+      });
+      _this.tableViews.push(tableView);
+      schema.insertBefore(tableView.toElement(), newTable);
+      return false;
+    };
+  },
+  initMigrationView: function() {
+    var elem = document.querySelector("form.new_ponytail_migration");
+    this.migrationFileView = new MigrationFileView({element: elem});
+    var _this = this;
+    this.migrationFileView.addChangeListener(function() {
+      _this.updateMigrationFileView();
+    });
+  },
+  updateMigrationFileView: function() {
+    var file = new MigrationFile();
+    file.setClassName(this.migrationFileView.getClassName());
+    this.tableViews.forEach(function(tableView) {
+      tableView.getCommands().forEach(function(command) {
+        file.addCommand(command);
+      });
+    });
+    this.migrationFileView.setRawContent(file.toString());
+  }
+};

data/app/assets/javascripts/ponytail/views/table_view.js

@@ -0,0 +1,68 @@
+function TableView(option) {
+  var init = option.init !== undefined ? option.init : true;
+  if (init) { this.init(option); }
+}
+TableView.prototype = {
+  init: function(option) {
+    var _this = this;
+    this.element = option.element;
+    var isSaved = true;
+    if (this.element === undefined) {
+      this.element = this.createTable();
+      isSaved = false;
+    }
+    this.tableNameElement = this.element.querySelector(".pt_table_name");
+    this.tableNameSpanElement = this.tableNameElement.querySelector("span");
+    this.inputTableNameElement = this.tableNameElement.querySelector("input");
+    this.tableNameSpanElement.onclick = function() {
+      _this.tableNameSpanElement.style.display = "none";
+      _this.inputTableNameElement.style.display = "block";
+      _this.inputTableNameElement.value = _this.tableNameSpanElement.innerHTML;
+    };
+    this.inputTableNameElement.onblur = function() {
+      _this.tableNameSpanElement.style.display = "block";
+      _this.inputTableNameElement.style.display = "none";
+      _this.setTableName(this.value);
+      _this.callbacks.forEach(function(func) {
+        func();
+      });
+    };
+    this.columnElements = this.element.querySelectorAll(".pt_column");
+    this.dropTableLink = this.element.querySelector("a.pt_drop_table");
+    this.dropTableLink.onclick = function() {
+      _this.table.drop();
+      _this.callbacks.forEach(function(func) {
+        func();
+      });
+      return false;
+    };
+    this.callbacks = [];
+
+    this.table = new Table({tableName: this.tableNameSpanElement.innerHTML, isSaved: isSaved});
+    for(var i=0; i<this.columnElements.length; i++) {
+      var name = this.columnElements[i].querySelector(".pt_column_name");
+      var type = this.columnElements[i].querySelector(".pt_column_type");
+      var column = new Column({name: name.innerHTML, type: type.innerHTML});
+      this.table.addColumn(column);
+    }
+  },
+  setTableName: function(tableName) {
+    this.tableNameSpanElement.innerHTML = tableName;
+    this.table.tableName = tableName;
+  },
+  addChangeListener: function(callback) {
+    this.callbacks.push(callback);
+  },
+  getCommands: function() {
+    return this.table.getCommands();
+  },
+  toElement: function() {
+    return this.element;
+  },
+  createTable: function() {
+    var elem = document.createElement("div");
+    elem.setAttribute("class", "pt_table");
+    elem.innerHTML = '<div class="pt_table_name"><span>tables</span><input type="text" /></div><a href="#" class="pt_drop_table">drop</a><div class="pt_columns"></div>';
+    return elem;
+  }
+};

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

@@ -79,17 +79,19 @@
 }
 
 .pt_new .pt_schema .pt_table {
-  font-size: large;
-  font-weight: bold;
   margin-top: 5px;
 }
 
-.pt_new .pt_schema .pt_new_table {
-  margin-top: 5px;
+.pt_new .pt_schema .pt_table_name span {
+  font-size: large;
+  font-weight: bold;
 }
 
-.pt_new .pt_schema .pt_new_table_form {
+.pt_new .pt_schema .pt_table_name input {
   display: none;
+}
+
+.pt_new .pt_schema .pt_new_table {
   margin-top: 5px;
 }
 

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

@@ -1,9 +1,17 @@
-<div class="pt_table"><%= table.name %></div>
-<div class="pt_columns">
-  <% table.columns.each do |column| %>
-    <div class="pt_column">
-      <div class="pt_column_type">t.<%= column.type %></div>
-      <div class="pt_column_name"><%= column.name %></div>
-    </div>
-<% end %>
+<div class="pt_table">
+  <div class="pt_table_name">
+    <span><%= table.name %></span>
+    <input type="text" />
+  </div>
+  <div>
+    <a href="#" class="pt_drop_table">drop</a>
+  </div>
+  <div class="pt_columns">
+    <% table.columns.each do |column| %>
+      <div class="pt_column">
+        <div class="pt_column_type"><%= column.type %></div>
+        <div class="pt_column_name"><%= column.name %></div>
+      </div>
+  <% end %>
+  </div>
 </div>

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

@@ -13,5 +13,6 @@
 </div>
 
 <script type='text/javascript'>
-  setupMigrations();
+  toggleMigrationRawContent();
+  closeNotice();
 </script>

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

@@ -7,11 +7,6 @@
     <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>
@@ -42,5 +37,6 @@
 </div>
 
 <script type='text/javascript'>
-  setupNewMigration();
+  var elem = document.querySelector(".pt_new");
+  new NewMigrationView({element: elem});
 </script>

data/lib/ponytail/version.rb

@@ -1,3 +1,3 @@
 module Ponytail
-  VERSION = "0.1.0"
+  VERSION = "0.2.0"
 end

data/spec/javascripts/ponytail/models/column_spec.js

@@ -0,0 +1,14 @@
+describe("Column", function() {
+  describe("#constructor", function() {
+    var column;
+    beforeEach(function() {
+      column = new Column({name: "id", type: "integer"});
+    });
+    it("should be able to set name", function() {
+      expect(column.name).toBe("id");
+    });
+    it("should be able to set type", function() {
+      expect(column.type).toBe("integer");
+    });
+  });
+});

data/spec/javascripts/ponytail/models/table_spec.js

@@ -0,0 +1,33 @@
+describe("Table", function() {
+  describe("#constructor", function() {
+    it("should be able to set tableName", function() {
+      var table = new Table({tableName: "users"});
+      expect(table.tableName).toBe("users");
+    });
+  });
+
+  describe("#isSaved", function() {
+    describe("don't set isSaved option (default)", function() {
+      it("should be false", function() {
+        var table = new Table();
+        expect(table.isSaved()).toBe(false);
+      });
+    });
+    describe("set isSaved option", function() {
+      it("should be true", function() {
+        var table = new Table({isSaved: true});
+        expect(table.isSaved()).toBe(true);
+      });
+    });
+  });
+
+  describe("#getCommands", function() {
+    describe("isCreated set false", function() {
+      it("commands[0] to equal CreateTable", function() {
+        var table = new Table({isCreated: false});
+        var commands = table.getCommands();
+        expect(commands[0]).toEqual(jasmine.any(CreateTable));
+      });
+    });
+  });
+});

data/spec/javascripts/ponytail/views/migration_file_view_spec.js

@@ -0,0 +1,17 @@
+describe("MigrationFileView", function() {
+  describe("#constructor", function() {
+    var init;
+    beforeEach(function() {
+      init = MigrationFileView.prototype.init;
+      spyOn(MigrationFileView.prototype, "init");
+    });
+    afterEach(function() {
+      MigrationFileView.prototype.init = init;
+    });
+
+    it("should be able to initialize without init", function() {
+      var view = new MigrationFileView({init: false});
+      expect(view.init).not.toHaveBeenCalled();
+    });
+  });
+});

data/spec/javascripts/ponytail/views/new_migration_view_spec.js

@@ -0,0 +1,17 @@
+describe("NewMigrationView", function() {
+  describe("#constructor", function() {
+    var init;
+    beforeEach(function() {
+      init = NewMigrationView.prototype.init;
+      spyOn(NewMigrationView.prototype, "init");
+    });
+    afterEach(function() {
+      NewMigrationView.prototype.init = init;
+    });
+
+    it("should be able to initialize without init", function() {
+      var view = new NewMigrationView({init: false});
+      expect(view.init).not.toHaveBeenCalled();
+    });
+  });
+});

data/spec/javascripts/ponytail/views/table_view_spec.js

@@ -0,0 +1,17 @@
+describe("TableView", function() {
+  describe("#constructor", function() {
+    var init;
+    beforeEach(function() {
+      init = TableView.prototype.init;
+      spyOn(TableView.prototype, "init");
+    });
+    afterEach(function() {
+      TableView.prototype.init = init;
+    });
+
+    it("should be able to initialize without init", function() {
+      var view = new TableView({init: false});
+      expect(view.init).not.toHaveBeenCalled();
+    });
+  });
+});

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: ponytail
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.0
 platform: ruby
 authors:
 - sinsoku
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-12-11 00:00:00.000000000 Z
+date: 2013-12-14 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -110,10 +110,15 @@ files:
 - README.md
 - Rakefile
 - app/assets/javascripts/ponytail/application.js
-- app/assets/javascripts/ponytail/create_table.js
 - app/assets/javascripts/ponytail/index.js
-- app/assets/javascripts/ponytail/migration_file.js
-- app/assets/javascripts/ponytail/new.js
+- app/assets/javascripts/ponytail/models/column.js
+- app/assets/javascripts/ponytail/models/create_table.js
+- app/assets/javascripts/ponytail/models/migration_file.js
+- app/assets/javascripts/ponytail/models/rename_table.js
+- app/assets/javascripts/ponytail/models/table.js
+- app/assets/javascripts/ponytail/views/migration_file_view.js
+- app/assets/javascripts/ponytail/views/new_migration_view.js
+- app/assets/javascripts/ponytail/views/table_view.js
 - app/assets/stylesheets/ponytail/application.css
 - app/controllers/ponytail/migrations_controller.rb
 - app/views/layouts/ponytail/application.html.erb
@@ -133,7 +138,12 @@ files:
 - ponytail.gemspec
 - spec/controllers/migrations_controller_spec.rb
 - spec/javascripts/helpers/.keep
-- spec/javascripts/ponytail/migration_file_spec.js
+- spec/javascripts/ponytail/models/column_spec.js
+- spec/javascripts/ponytail/models/migration_file_spec.js
+- spec/javascripts/ponytail/models/table_spec.js
+- spec/javascripts/ponytail/views/migration_file_view_spec.js
+- spec/javascripts/ponytail/views/new_migration_view_spec.js
+- spec/javascripts/ponytail/views/table_view_spec.js
 - spec/javascripts/support/jasmine.yml
 - spec/javascripts/support/jasmine_helper.rb
 - spec/ponytail/migration_spec.rb
@@ -168,7 +178,12 @@ summary: Ponytail is a Rails engine that shows the migrations.
 test_files:
 - spec/controllers/migrations_controller_spec.rb
 - spec/javascripts/helpers/.keep
-- spec/javascripts/ponytail/migration_file_spec.js
+- spec/javascripts/ponytail/models/column_spec.js
+- spec/javascripts/ponytail/models/migration_file_spec.js
+- spec/javascripts/ponytail/models/table_spec.js
+- spec/javascripts/ponytail/views/migration_file_view_spec.js
+- spec/javascripts/ponytail/views/new_migration_view_spec.js
+- spec/javascripts/ponytail/views/table_view_spec.js
 - spec/javascripts/support/jasmine.yml
 - spec/javascripts/support/jasmine_helper.rb
 - spec/ponytail/migration_spec.rb

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

@@ -1,69 +0,0 @@
-function toggleEditRawContent() {
-  var elem = document.querySelectorAll(".pt_checkbox")[0];
-  elem.onclick = function() {
-    var raw_content = document.querySelectorAll(".pt_raw_content");
-    var text_area = raw_content[0].children[0];
-    text_area.disabled = !(text_area.disabled);
-  };
-}
-
-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 clickSubmitButton() {
-  var elem = document.querySelectorAll(".pt_submit")[0];
-  elem.onclick = function() {
-    var text_area = document.querySelectorAll(".pt_raw_content textarea")[0];
-    text_area.disabled = false;
-  };
-}
-
-function setupNewMigration() {
-  toggleEditRawContent();
-  inputClassName();
-  clickNewTable();
-  inputNewTableName();
-  clickSubmitButton();
-}