ponytail 0.4.0 → 0.5.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 9553f78286daeb6dc406f9e022908bc3ac78ecae
-  data.tar.gz: e81493dda4b5607c352910c9cb65750535cc0b30
+  metadata.gz: 41a7ab39f2aa8e3b19fae0b2c8e609212aea06ef
+  data.tar.gz: 505d33b61f8e1a2c5f1aa6176d5402c98fb5ef1a
 SHA512:
-  metadata.gz: 1fd9a32b54437ce171f4926898036523b024ab7a2887d7f563bc8beed55a626898b30c55cf069238a0f07371707064e6c8ad6af132f46b4124f84859747264f2
-  data.tar.gz: 6b103807b2e771c6542d9f185c021b6df345c6796938a7f30d5100c015f2d0242bb8e8eeb75bd40128a604d0a5f77a83dd2e7b69211922257c51a0b138819de9
+  metadata.gz: 1aab440243c8ab54f3392721b5fc6b670742ae30478e50bbb53d0f76a08042f301950f1b5df67dc60fc0d0e46ff680e547491723497d041df44633e2e1796e3c
+  data.tar.gz: 450c4f84a0a2798e66bb552b0e79d1bc669708770065d4683d6b81651a3f6e64f52f8a36539782d547b15b014ee4b70bad2368361d740f0cb9753f4d0f26ef74

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ponytail (0.4.0)
+    ponytail (0.5.0)
       coffee-rails (~> 4.0.0)
       compass-rails
       rails (~> 4.0.0)
@@ -37,7 +37,7 @@ GEM
     arel (4.0.1)
     atomic (1.1.14)
     builder (3.1.4)
-    capybara (2.2.0)
+    capybara (2.2.1)
       mime-types (>= 1.16)
       nokogiri (>= 1.3.3)
       rack (>= 1.0.0)
@@ -123,8 +123,9 @@ GEM
     rspec-expectations (2.14.4)
       diff-lcs (>= 1.1.3, < 2.0)
     rspec-mocks (2.14.4)
-    rspec-rails (2.14.0)
+    rspec-rails (2.14.1)
       actionpack (>= 3.0)
+      activemodel (>= 3.0)
       activesupport (>= 3.0)
       railties (>= 3.0)
       rspec-core (~> 2.14.0)

data/README.md

@@ -32,7 +32,7 @@ Comment out `config.active_record.migration_error` in `config/environments/devel
 
 ## Usage
 
-Visit `/rails/migrations` in your app.
+Visit `/ponytail/migrations` in your app.
 
 ## How to work dummy app
 
@@ -46,7 +46,7 @@ $ rails s
 
 Dummy app is deploying on heroku. However, you can not change the migration files and databases.
 
-http://ponytail.herokuapp.com/rails/migrations
+http://ponytail.herokuapp.com/
 
 ## Contributing
 

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

@@ -2,6 +2,7 @@
 //= require jquery_ujs
 //= require underscore-min
 //= require backbone-min
+//= require highlight.pack
 //= require ./ponytail
 //= require_tree ./models
 //= require_tree ./collections

data/app/assets/javascripts/ponytail/models/schema.coffee

@@ -0,0 +1,2 @@
+class Ponytail.Models.Schema extends Backbone.Model
+  url: '/ponytail/schema'

data/app/assets/javascripts/ponytail/views/column.coffee

@@ -1,4 +1,6 @@
 class Ponytail.Views.Column extends Backbone.View
+  template: ->
+    _.template($("#column_template").html(), @model.attributes)
   className: "column"
   events:
     "click .column_type": "clickColumnType"
@@ -16,7 +18,7 @@ class Ponytail.Views.Column extends Backbone.View
 
   render: =>
     if @el.parentNode == null
-      $(@el).html(_.template($("#column_template").html(), @model.attributes))
+      $(@el).html(@template())
     else
       @$(".column_type span").text(@model.get("type"))
       @$(".column_name span").text(@model.get("name"))

data/app/assets/javascripts/ponytail/views/migrations/migrations_index.coffee

@@ -0,0 +1,66 @@
+class Ponytail.Views.MigrationsIndex extends Backbone.View
+  events:
+    "click .close a": "closeNotice"
+    "click .migration_files .filename": "clickFileName"
+    "click .delete_file": "clickDeleteFile"
+    "click .new_button": "clickNewButton"
+    "click .migrate_button": "clickMigrateButton"
+    "click .rollback_button": "clickRollbackButton"
+
+  render: ->
+    @highlightCode()
+    @
+
+  highlightCode: ->
+    for el in $('pre code')
+      hljs.highlightBlock(el)
+
+  closeNotice: ->
+    $(".notice").hide()
+    false
+
+  clickFileName: (e) ->
+    @$(".migration_file .migration_filename").text(e.target.innerHTML)
+    @$(".migration_file .migration_filename").removeClass("highlight")
+    setTimeout( ->
+      @$(".migration_file .migration_filename").addClass("highlight")
+    , 100)
+    raw_content = $(e.target).parent().find(".raw_content").text()
+    @$(".migration_file .raw_content pre code").text(raw_content)
+    @highlightCode()
+
+  clickDeleteFile: (e) ->
+    if confirm('Are you sure?')
+      version = $(e.target).parent().parent().find(".version").text()
+      $.ajax
+        dataType: 'json'
+        url: "/ponytail/migrations/#{version}"
+        type: 'DELETE'
+        success: -> window.location.href = "/ponytail/migrations"
+    false
+
+  clickNewButton: ->
+    window.location.href = "migrations/new"
+
+  clickMigrateButton: ->
+    latest_version = $("tr:last .version").text()
+    $.ajax
+      dataType: 'json'
+      url: '/ponytail/schema'
+      data:
+        ponytail_schema:
+          version: latest_version
+      type: 'PATCH'
+      success: () -> window.location.href = "/ponytail/migrations"
+
+  clickRollbackButton: ->
+    rollback_index = $("tr").index($(".current"))
+    rollback_version = $("tr:eq(#{rollback_index - 1}) .version").text()
+    $.ajax
+      dataType: 'json'
+      url: '/ponytail/schema'
+      data:
+        ponytail_schema:
+          version: rollback_version
+      type: 'PATCH'
+      success: -> window.location.href = "/ponytail/migrations"

data/app/assets/javascripts/ponytail/views/migrations/migrations_new.coffee

@@ -0,0 +1,53 @@
+class Ponytail.Views.MigrationsNew extends Backbone.View
+  events:
+    "click .close a": "closeNotice"
+    "click .table_name": "clickTableName"
+    "click .new_table a": "clickNewTable"
+
+  initialize: ->
+    @tables = []
+
+  render: =>
+    schema = new Ponytail.Models.Schema()
+    schema.fetch
+      success: =>
+        for table_attrs in schema.get('tables')
+          m = new Ponytail.Models.Table(table_attrs)
+          v = new Ponytail.Views.Table({model: m})
+          @$(".new_table").before(v.render().el)
+          @tables.push(m)
+
+        class_name = @$(".classname input")[0].value
+        @migrationFile = new Ponytail.Models.MigrationFile({className: class_name})
+        new Ponytail.Views.PreviewCreateFile({el: @$(".migration_file"), model: @migrationFile})
+        @migrationFile.update()
+
+        for table in @tables
+          table.bind("change", =>
+            @migrationFile.updateByTables(@tables)
+          )
+    @
+
+  closeNotice: ->
+    $(".notice").hide()
+    false
+
+  clickTableName: (e) ->
+    tableElem = $(e.target).parent().parent()
+    columnsElem = tableElem.find(".columns")
+    if columnsElem.is(':visible')
+      columnsElem.slideUp()
+    else
+      columnsElem.slideDown()
+
+  clickNewTable: ->
+    table = new Ponytail.Models.Table({isCreated: true})
+    @tables.push(table)
+    table.bind("change", =>
+      @migrationFile.updateByTables(@tables)
+    )
+    table.trigger("change")
+
+    view = new Ponytail.Views.Table({model: table})
+    @$(".new_table").before(view.render().el)
+    false

data/app/assets/javascripts/ponytail/views/preview_create_file.coffee

@@ -0,0 +1,37 @@
+class Ponytail.Views.PreviewCreateFile extends Backbone.View
+  events:
+    "click .edit_checkbox input": "clickEditCheckbox"
+    "keyup .classname input": (e) ->
+      @model.set({className: e.target.value})
+    "keyup .raw_content textarea": (e) ->
+      @model.set({rawContent: e.target.value})
+    "click .create_button": "clickCreateButton"
+
+  initialize: ->
+    @model.bind("change", @render)
+
+  render: =>
+    @$(".raw_content pre code").text(@model.get("rawContent"))
+    if !(@$(".raw_content textarea").is(":visible"))
+      @$(".raw_content textarea").val(@model.get("rawContent"))
+    @highlightCode()
+    @
+
+  highlightCode: ->
+    for el in $('pre code')
+      hljs.highlightBlock(el)
+
+  clickEditCheckbox: ->
+    @$(".raw_content pre").toggle()
+    @$(".raw_content textarea").toggle()
+
+  clickCreateButton: ->
+    $.ajax
+      dataType: 'json'
+      url: '/ponytail/migrations'
+      data:
+        ponytail_migration:
+          name: @model.get("className")
+          raw_content: @model.get("rawContent")
+      type: 'POST'
+      success: -> window.location.href = "/ponytail/migrations"

data/app/assets/javascripts/ponytail/views/table.coffee

@@ -1,4 +1,6 @@
 class Ponytail.Views.Table extends Backbone.View
+  template: ->
+    _.template($("#table_template").html(), @model.attributes)
   className: "table"
   events:
     "click .edit_table": "clickEditTable"
@@ -14,7 +16,15 @@ class Ponytail.Views.Table extends Backbone.View
 
   render: =>
     if @el.parentNode == null
-      $(@el).html(_.template($("#table_template").html(), @model.attributes))
+      $(@el).html(@template())
+      columns = []
+      for column_attrs in @model.get('columns')
+        column_attrs.table = @model
+        m = new Ponytail.Models.Column(column_attrs)
+        v = new Ponytail.Views.Column({model: m})
+        @$(".add_column").before(v.render().el)
+        columns.push(m)
+      @model.set({columns: columns}, {silent: true})
     else
       @$(".table_name span").text(@model.get("name"))
     @

data/app/assets/stylesheets/ponytail/_base.scss

@@ -8,7 +8,29 @@
   @include box-orient(vertical);
 }
 
-@keyframes highlight {
+@mixin keyframes($animationName) {
+  @-webkit-keyframes #{$animationName} {
+    @content;
+  }
+  @-moz-keyframes #{$animationName} {
+    @content;
+  }
+  @-o-keyframes #{$animationName} {
+    @content;
+  }
+  @keyframes #{$animationName} {
+    @content;
+  }
+}
+
+@mixin animation($args) {
+  -webkit-animation: $args;
+  -moz-animation: $args;
+  -o-animation: $args;
+  animation: $args;
+}
+
+@include keyframes(highlight) {
   0% { background-color: yellow; }
   100% { background-color: white; }
 }

data/app/assets/stylesheets/ponytail/_index.scss

@@ -6,7 +6,8 @@
   .container {
     @extend .horizontal-box;
 
-    > div {
+    // TODO: bad style name
+    .left_div {
       @include box-flex(1);
       margin: 0 2px;
     }
@@ -31,26 +32,25 @@
         }
       }
 
+      .version,
       .raw_content {
         display: none;
       }
     }
 
     .migration_file {
+      width: 500px;
+      margin: 0 2px;
+
       .migration_filename {
         margin: 2px 0;
         padding: 2px;
 
         &.highlight {
-          animation: highlight 1s 1;
+          @include animation(highlight 1s 1);
         }
       }
       .raw_content {
-        @include border-radius(5px);
-        background: whitesmoke;
-        margin-top: 2px;
-        padding: 5px;
-
         pre {
           margin: 5px 0;
         }
@@ -62,7 +62,7 @@
     @extend .horizontal-box;
 
     .migrate {
-      margin-left: 10px;
+       margin-left: 10px;
     }
   }
 }

data/app/assets/stylesheets/ponytail/_new.scss

@@ -7,10 +7,6 @@
     @extend .horizontal-box;
     margin-top: 5px;
 
-    > div {
-      margin: 0 2px;
-    }
-
     .tables {
       @extend .vertical-box;
       @include box-flex(1);
@@ -19,6 +15,7 @@
       height: 500px;
       overflow-x: hidden;
       overflow-y: auto;
+      margin: 0 2px;
 
       .table {
         @extend .vertical-box;
@@ -104,6 +101,7 @@
     .migration_file {
       @extend .vertical-box;
       width: 500px;
+      margin: 0 2px;
 
       .migration_file_header {
         @extend .horizontal-box;
@@ -119,9 +117,14 @@
       .raw_content {
         @include box-flex(1);
         margin-top: 3px;
+
+        pre {
+          margin: 5px 0;
+        }
         textarea {
           width: 100%;
           height: 500px;
+          display: none;
         }
       }
 

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

@@ -1,3 +1,6 @@
+/*
+ *= require github
+ */
 @import "compass";
 
 @import "base";

data/app/controllers/ponytail/migrations_controller.rb

@@ -1,10 +1,11 @@
 module Ponytail
   class MigrationsController < ActionController::Base
     layout 'ponytail/application'
+    respond_to :html, only: [:index, :new]
+    respond_to :json, only: [:create, :destroy]
 
     def index
       @migrations = Migration.all
-      @current_version = Migration.current_version
     end
 
     def new
@@ -13,36 +14,19 @@ module Ponytail
     end
 
     def create
-      @migration = Migration.new(migraion_params)
-
-      if @migration.save
-        redirect_to :migrations, notice: 'Migration was successfully created.'
-      else
-        @schema = Schema.new
-        render action: :new
-      end
+      @migration = Migration.create(migraion_params)
+      flash[:notice] = "Migration was successfully created."
+      respond_with @migration
     end
 
     def destroy
-      # TODO: fix params[:id]
-      @migration = Migration.all.select { |x| x.version == params[:id].to_i }.first
-      @migration.destroy
-      redirect_to :migrations, notice: 'Migration was successfully deleted.'
-    end
-
-    def migrate
-      if Migration.migrate
-        redirect_to :migrations, notice: 'Migrate was succeed.'
-      else
-        redirect_to :migrations, notice: 'Migrate was failed.'
-      end
-    end
-
-    def rollback
-      if Migration.rollback
-        redirect_to :migrations, notice: 'Rollback was succeed.'
+      @migration = Migration.find(params[:id].to_i)
+      if @migration
+        @migration.destroy
+        flash[:notice] = "Migration was successfully deleted."
+        respond_with @migration
       else
-        redirect_to :migrations, notice: 'Rollback was failed.'
+        render nothing: true, status: 404
       end
     end
 

data/app/controllers/ponytail/schemas_controller.rb

@@ -0,0 +1,27 @@
+module Ponytail
+  class SchemasController < ActionController::Base
+    respond_to :json, only: [:show, :update]
+
+    def show
+      @schema = Schema.new
+      respond_with @schema
+    end
+
+    def update
+      # TODO, WIP:
+      @schema = Schema.new
+      if @schema.update(schema_params)
+        flash[:notice] = "Schema was successfully updated."
+        render json: @schema, status: :ok
+      else
+        flash[:notice] = "Schema update was failed."
+        render json: @schema, status: :bad_request
+      end
+    end
+
+    private
+    def schema_params
+      params.require(:ponytail_schema).permit(:version)
+    end
+  end
+end

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

@@ -2,7 +2,7 @@
   <div class="header">
     <span>index</span>
     <span>|</span>
-    <a href="/rails/migrations/new">new</a>
+    <a href="/ponytail/migrations/new">new</a>
   </div>
 
   <% if notice %>
@@ -13,18 +13,22 @@
   <% end %>
 
   <div class="container">
-    <div>
-      <!-- TODO: fake it! -->
-      <% path = 'db/migrate/' %>
-      <div class="migration_filepath"><%= path %></div>
+    <div class="left_div">
+      <div class="migration_filepath"><%= "#{Ponytail::Migration.migrations_path}/" %></div>
       <div class="migration_files">
         <table>
           <% @migrations.each do |migration| %>
-            <tr>
-              <td><%= migration.version == @current_version ? "*" : "" %></td>
-              <!-- TODO: fake it!(sub) -->
-              <td class="filename"><%= migration.filename.sub(path, "") %></td>
+            <% if migration.current? %>
+              <tr class="current">
+                <td>*</td>
+            <% else %>
+              <tr>
+                <td></td>
+            <% end %>
+              <td class="filename"><%= migration.filename_only %></td>
+              <td class="version"><%= migration.version %></td>
               <td class="raw_content"><%= migration.raw_content %></td>
+              <td class="delete_file"><a href="#">x</a></td>
             </tr>
           <% end %>
         </table>
@@ -33,10 +37,9 @@
 
     <div class="migration_file">
       <% migration = @migrations[0] %>
-      <!-- TODO: fake it!(sub) -->
-      <div class="migration_filename"><%= migration.filename.sub(path, "") %></div>
+      <div class="migration_filename"><%= migration.filename_only %></div>
       <div class="raw_content">
-        <pre><%= migration.raw_content %></pre>
+        <pre><code><%= migration.raw_content %></code></pre>
       </div>
     </div>
   </div>
@@ -46,12 +49,20 @@
       <button class="new_button">New</button>
     </div>
     <div class="migrate">
-      <button class="migrate_button" <%= Ponytail::Migration.check_pending? ? 'disabled="disabled"' : '' %>>Migrate</button>
-      <button class="rollback_button" <%= Ponytail::Migration.check_pending? ? 'disabled="disabled"' : '' %>>Rollback</button>
+      <% if !Ponytail::Migration.check_pending? %>
+        <button class="migrate_button">Migrate</button>
+      <% else %>
+        <button class="migrate_button" disabled="disabled">Migrate</button>
+      <% end %>
+      <% if !Ponytail::Migration.check_pending? && !@migrations[0].current? %>
+        <button class="rollback_button">Rollback</button>
+      <% else %>
+        <button class="rollback_button" disabled="disabled">Rollback</button>
+      <% end %>
     </div>
   </div>
 </div>
 
 <script type='text/javascript'>
-  new Ponytail.Views.Index({el: $(".index")}).render();
+  new Ponytail.Views.MigrationsIndex({el: $(".index")}).render();
 </script>

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

@@ -3,7 +3,7 @@
 
 <div class="new">
   <div class="header">
-    <a href="/rails/migrations">index</a>
+    <a href="/ponytail/migrations">index</a>
     <span>|</span>
     <span>new</span>
   </div>
@@ -18,76 +18,33 @@
 
   <div class="container">
     <div class="tables">
-      <% @schema.tables.each do |table| %>
-        <div class="table">
-          <div class="horizontal-box">
-            <div class="table_name">
-              <span><%= table.name %></span>
-              <input type="text" value="<%= table.name %>" />
-            </div>
-            <div class="edit_table"><a href="#">edit</a></div>
-            <div class="drop_table"><a href="#">drop</a></div>
-            <div class="restore_table"><a href="#">restore</a></div>
-          </div>
-          <div class="columns">
-            <% table.columns.each do |column| %>
-              <div class="column">
-                <div class="column_type">
-                  <span><%= column.type %></span>
-                  <select>
-                    <option value="string">string</option>
-                    <option value="text">text</option>
-                    <option value="integer">integer</option>
-                    <option value="float">float</option>
-                    <option value="decimal">decimal</option>
-                    <option value="datetime">datetime</option>
-                    <option value="timestamp">timestamp</option>
-                    <option value="time">time</option>
-                    <option value="date">date</option>
-                    <option value="binary">binary</option>
-                    <option value="boolean">boolean</option>
-                  </select>
-                </div>
-                <div class="column_name">
-                  <span><%= column.name %></span>
-                  <input type="text" value="<%= column.name %>" />
-                </div>
-                <div class="remove_column"><a href="#">remove</a></div>
-                <div class="restore_column"><a href="#">restore</a></div>
-              </div>
-            <% end %>
-            <div class="add_column"><a href="#">Add Column</a></div>
-          </div>
-        </div>
-      <% end %>
       <div class="new_table"><a href="#">New Table</a></div>
     </div>
 
-    <%= form_for @migration, url: migrations_path do |f| %>
-      <div class="migration_file">
-        <div class="migration_file_header">
-          <div class="classname">
-            <input type="text" name="ponytail_migration[name]" value="NewMigration" />
-          </div>
-
-          <div class="edit_checkbox">
-            <input type="checkbox" />
-            <span>edit</span>
-          </div>
+    <div class="migration_file">
+      <div class="migration_file_header">
+        <div class="classname">
+          <input type="text" value="NewMigration" />
         </div>
 
-        <div class="raw_content">
-          <textarea name="ponytail_migration[raw_content]" disabled="disabled"></textarea>
+        <div class="edit_checkbox">
+          <input type="checkbox" />
+          <span>edit</span>
         </div>
+      </div>
 
-        <div class="actions">
-          <button class="create_button" <%= Ponytail::Migration.check_pending? ? 'disabled="disabled"' : '' %>>Create File</button>
-        </div>
+      <div class="raw_content">
+        <pre><code></code></pre>
+        <textarea></textarea>
       </div>
-    <% end %>
+
+      <div class="actions">
+        <button class="create_button" <%= Ponytail::Migration.check_pending? ? 'disabled="disabled"' : '' %>>Create File</button>
+      </div>
+    </div>
   </div>
 </div>
 
 <script type='text/javascript'>
-  new Ponytail.Views.New({el: $(".new")}).render();
+  new Ponytail.Views.MigrationsNew({el: $(".new")}).render();
 </script>