vitrage 0.0.2 → 0.0.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: b4cb54cda342076512c65c1afca7718ee5cb652e
-  data.tar.gz: d9cd77e545316f9587420f5a9264a93b4c7fdf60
+SHA256:
+  metadata.gz: 266999f8015d3ceb887463b45bf24b74cbfd55eaa742182f45ed65b2e5442bd9
+  data.tar.gz: 6d2cee221763193b3d02afe29e8bb081b2124e97d15851b976fecae95e094f5d
 SHA512:
-  metadata.gz: 310bf43f633a73a4e81cb4c2533f5cf76d49e3f875df11fd4bb5243abf5e7f4cce7d4223cabeb44696aace13f49a5f97b5b529036cdbd46d4afcf63ebecfa75f
-  data.tar.gz: 7ad7f48d6ed6b766465efe1539fb7ad3a122cf2c8987cbfab8f69849e6c78a60999cb3015fbf714b296219eb10f5a45fec22ab0cee4c7db166786db4a697be4b
+  metadata.gz: 9f52fe81e123bcb423d6d71aac3a7844424692cbf3685061c162dd4ef7c5971590ea69a910a87bc425a0a5f57250d79a0795ca3da3e9a2fe1e0de5bc455baf4c
+  data.tar.gz: 3864193fc3736f6475ecdcec557cdb25d7490f290077e5ca88c088103827d84cb2d31435b007b511709b553b7ef3a217b2ff654d4c629ad4ce27bd9a697932c6

data/README.md

@@ -1,13 +1,119 @@
 Vitrage
 =======
 
-Web-Page content manage for Rails, based on separated content pieces (blocks).
+> [!WARNING]
+> This project has been archived and is no longer supported.
+
+Vitrage allows you to store and manage your Rails application content as separated pieces of different types: text, image, slider, several-columned text etc. Pieces are objects of different Rails models, that have their specific views for show and edit actions. Vitrage allows you to edit the content pieces inline.
 
 <img src="http://www.vitroart.ru/upload/information_system_35/4/2/2/item_422/information_items_1242584051.jpg" alt="vitrage of glass" height="600" width="379">
 
+[![Gem Version](https://badge.fury.io/rb/vitrage.svg)](http://badge.fury.io/rb/vitrage)
+[![vitrage API Documentation](https://www.omniref.com/ruby/gems/vitrage.png)](https://www.omniref.com/ruby/gems/vitrage)
+
+Installation
+------------
+
+Put this line in your Gemfile:
+
+    gem 'vitrage'
+
+Then run `bundle install`.
+
+After installing the gem, you need to run the generator.
+
+    bin/rails generate vitrage:install
+
+The generator adds these files:
+
+    app/models/vitrage_owners_pieces_slot.rb
+    db/migrate/[timestamp]_create_vitrage_owners_pieces_slots.rb
+
+and line to the `routes.rb` file:
+
+    Vitrage.routes(self)
+
+Now, migrate your database: `bin/rake db:migrate`
+
+Require js in your js file (`application.js` by default):
+
+    //= require jquery
+    //= require jquery_ujs
+    //= require jquery.remotipart
+    //= require vitrage/vitrage
+
+Vitrage needs jquery, jquery_ujs and jquery.remotipart for correct work.
+If you have this scripts already required, just skip inserting they strings.
+
+Require vitrage css in your css file (`application.css` by default):
+
+    *= require vitrage/vitrage
+
+
+Use vitrage content pieces for your model and views
+---------------------------------------------------
+
+Add to any models you want to use vitrage content pieces line:
+
+    acts_as_vitrage_owner
+
+Add render call to the `show` view:
+
+    <%= show_vitrage_for @object %>
+
+Add render call to the `edit` view:
+
+    <%= edit_vitrage_for @object %>
+
+
+Add content piece
+-----------------
+
+Content pieces it is necessary parts of Vitrage. By default we have no pieces.
+Describes process of creating simple content piece only with text field.
+
+    bin/rails generate vitrage:piece Text body:text
+
+The generator adds these files:
+
+    db/migrate/[timestamp]_create_vtrg_texts.rb
+    app/models/vitrage_pieces/vtrg_text.rb
+    app/views/vitrage/_vtrg_text.html.erb
+    app/views/vitrage/_vtrg_text_form.html.erb
+    # ... and more
+
+Migrate your database: `bin/rake db:migrate`
+
+Add name of content piece model to `PIECE_CLASSES_STRINGS` array constant
+of VitrageOwnersPiecesSlot model.
+
+Add styles for add new block button:
+
+    .vtrg-new-block-kinds .vtrg-text { background: red; }
+
+Do not forget about piece view partials.
+
+
+Custom Pieces Controller
+------------------------
+
+`PiecesController` have actions for vitrage pieces.
+If you need to override controller, create new controller, inherited from `Vitrage::PiecesController`:
+
+    class VitragePiecesController < Vitrage::PiecesController
+      # add devise authorization as option
+      before_action :authenticate_admin_user!
+    end
+
+And add parameter `controller` to routes method call with underscored and pluralized controller name:
+
+    Vitrage.routes(self, controller: 'vitrage_pieces')
+
+
+
 License
 -------
-Vitrage is released under the [MIT License](LICENSE.txt).
+Vitrage is released under the [MIT License](MIT-LICENSE).
 
 
 Contributing

data/Rakefile

@@ -14,6 +14,8 @@ RDoc::Task.new(:rdoc) do |rdoc|
   rdoc.rdoc_files.include('lib/**/*.rb')
 end
 
+APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
+load 'rails/tasks/engine.rake'
 
 
 

data/app/assets/javascripts/vitrage/editor.js.coffee

@@ -0,0 +1,181 @@
+$(document).ready ->
+  if $(".vtrg-add-new-wrapper").length
+
+    # # # SORTABLE module # TODO find correct place for this module
+    sortableo = null
+    sortable_el = document.getElementById('vitrage-edit')
+
+    initSortable = ->
+      if sortableo
+        sortableo.destroy()
+        sortableo = null
+      sortableo = Sortable.create document.getElementById('vitrage-edit'),
+        sort: true
+        handle: ".vtrg-edit-control-move"
+        onUpdate: (evnt) ->
+          draggedItem = $(evnt.item)
+          nextItem = draggedItem.next()
+          # console.log "Next item has id = " + nextItem.data("id")
+          $.ajax
+            url: "/vitrage/pieces/" + draggedItem.data("id") + "/reorder"
+            type: "POST"
+            dataType: "json"
+            data:
+              beforeid: if nextItem.length then nextItem.data("id") else "end"
+            # success: (data, textStatus, jqXHR) ->
+            # error: null # TODO
+
+    initSortable()
+    # # # END OF SORTABLE module
+
+    event_provider = $(".vtrg-add-new-wrapper")
+
+    toggleEditorBlocker = ($editWrapper, act) ->
+      $editWrapper.toggleClass 'blocked', act
+
+    showPieceInputsErrors = ($editWrapper, responseText) ->
+      $editWrapper.find("li.input.error").removeClass("error")
+
+      data = null
+      try
+        data = JSON.parse(responseText)
+      catch error
+        a = 12 # at least we tried
+      return true unless data
+
+      if data.piece && data.errors
+        for key, val of data.errors
+          $errorIWrapper = $editWrapper.find "li.input#vitrage_pieces_" + data.piece.toString() + "_" + key.toString() + "_input"
+          $errorIWrapper.addClass "error"
+
+    # --- # --- SHOW --- # --- #
+    restoreShowState = ($editWrapper, viewdata) ->
+      if viewdata
+        $editWrapper.removeClass "editmode"
+        $editWrapper.children(".vtrg-edit-body").html viewdata
+        toggleEditorBlocker $editWrapper, false
+        event_provider.trigger "vitrageshowed", [ $editWrapper[0] ]
+      else
+        $.ajax
+          url: "/vitrage/pieces/" + $editWrapper.data("id")
+          # type: "GET"
+          dataType: "html"
+          success: (data, textStatus, jqXHR) ->
+            restoreShowState $editWrapper, data
+          # error: null # TODO
+
+    # --- # --- UPDATE and cancel editing --- # --- #
+    coverEditFormActions = ($editWrapper) ->
+      # cover Submit action
+      $blockForm = $editWrapper.find('form')
+
+      $blockForm.on "ajax:before", ->
+        toggleEditorBlocker $editWrapper, true
+        return true # do your work buddy
+
+      $blockForm.on "ajax:success", (evnt, data, textStatus, jqXHR) ->
+        event_provider.trigger "vitrageupdated"
+        restoreShowState $(@).closest(".vtrg-edit-wrapper")
+
+      $blockForm.on "ajax:error", (evnt, xhr, status, error) ->
+        showPieceInputsErrors $(@).closest(".vtrg-edit-wrapper"), xhr.responseText
+
+      $blockForm.on "ajax:complete", (evnt, para1, para2) ->
+        toggleEditorBlocker $(@).closest(".vtrg-edit-wrapper"), false
+
+
+      # cover Cancel action
+      $editWrapper.find('form .actions a').click (evnt) ->
+        $clickedAnchor = $(@)
+        clickedAnchorParentID = $clickedAnchor.parent().attr("id")
+        if clickedAnchorParentID && clickedAnchorParentID.substr(clickedAnchorParentID.length - 13) == "cancel_action"
+          evnt.preventDefault()
+          toggleEditorBlocker $editWrapper, true
+          restoreShowState $editWrapper
+          return false
+
+    # --- # --- EDIT --- # --- #
+    initEditControl = (wrappers) ->
+      wrappers.find(".vtrg-edit-control a[rel=edit]").click (evnt) ->
+        evnt.preventDefault()
+        $editWrapper = $(@).closest(".vtrg-edit-wrapper")
+        toggleEditorBlocker $editWrapper, true
+        $.ajax
+          url: "/vitrage/pieces/" + $editWrapper.data("id") + "/edit"
+          dataType: "html"
+          success: (data, textStatus, jqXHR) ->
+            $editWrapper.addClass "editmode"
+            $editWrapper.children(".vtrg-edit-body").html data
+            coverEditFormActions $editWrapper
+            toggleEditorBlocker $editWrapper, false
+            event_provider.trigger "vitrageedit", [ $editWrapper ]
+          # error: null # TODO
+        return
+      return
+    # init edit control for all exists
+    initEditControl $(".vtrg-edit-wrapper")
+
+    # --- # --- DESTROY --- # --- #
+    initDestroyControl = (wrappers) ->
+      wrappers.find(".vtrg-edit-control a[rel=destroy]").click (evnt) ->
+        evnt.preventDefault()
+        $editWrapper = $(@).closest(".vtrg-edit-wrapper")
+        if confirm("Are you sure?")
+          toggleEditorBlocker $editWrapper, true
+          $.ajax
+            url: "/vitrage/pieces/" + $editWrapper.data("id")
+            type: "DELETE"
+            dataType: "html"
+            success: (data, textStatus, jqXHR) ->
+              $editWrapper.remove()
+              event_provider.trigger "vitragedestroyed"
+            # error: null # TODO
+        return
+      return
+    # init destroy control for all exists
+    initDestroyControl $(".vtrg-edit-wrapper")
+
+    # --- # --- CREATE and cancel creating --- # --- #
+    coverNewFormActions = ($editWrapper) ->
+      # cover Submit action
+      $blockForm = $editWrapper.find('form')
+
+      $blockForm.on "ajax:before", ->
+        toggleEditorBlocker $editWrapper, true
+        return true # do your work buddy
+
+      $blockForm.on "ajax:success", (evnt, data, textStatus, jqXHR) ->
+        $editWrapper = $(@).closest(".vtrg-edit-wrapper")
+        $editWrapper.attr 'data-id', data
+        initDestroyControl $editWrapper
+        initEditControl $editWrapper
+        event_provider.trigger "vitragecreated", [ $editWrapper ]
+        restoreShowState $editWrapper
+        initSortable()
+
+      $blockForm.on "ajax:error", (evnt, xhr, status, error) ->
+        showPieceInputsErrors $(@).closest(".vtrg-edit-wrapper"), xhr.responseText
+
+      $blockForm.on "ajax:complete", (evnt, para1, para2) ->
+        toggleEditorBlocker $(@).closest(".vtrg-edit-wrapper"), false
+
+      # cover Cancel action
+      $editWrapper.find('form .actions a').click (evnt) ->
+        $clickedAnchor = $(@)
+        clickedAnchorParentID = $clickedAnchor.parent().attr("id")
+        if clickedAnchorParentID && clickedAnchorParentID.substr(clickedAnchorParentID.length - 13) == "cancel_action"
+          evnt.preventDefault()
+          $clickedAnchor.closest(".vtrg-edit-wrapper").remove()
+          return false
+
+    # --- # --- NEW --- # --- #
+    $createAnchors = $(".vtrg-new-block-kinds a")
+    $createAnchors.on "ajax:success", (evnt, data, textStatus, jqXHR) ->
+      # $(".vtrg-add-new-wrapper").before data
+      $("#vitrage-edit").append data
+      $editWrapper = $(".vtrg-edit-wrapper:last")
+      coverNewFormActions $editWrapper
+      event_provider.trigger "vitragenew", [ $editWrapper ]
+
+    # $createAnchors.on "ajax:error" # TODO
+    # $createAnchors.on "ajax:complete" # TODO

data/app/assets/javascripts/vitrage/vitrage.js

@@ -0,0 +1,4 @@
+// must be required jquery
+// must be required jquery_ujs
+//= require Sortable
+//= require vitrage/editor

data/app/assets/stylesheets/vitrage/editor.scss

@@ -0,0 +1,64 @@
+$vtrg-act-color: #c19a6b; // Цвет увядших листьев
+@mixin activated_state { box-shadow: 0 0 0 2px $vtrg-act-color inset; }
+
+.vtrg-edit-wrapper {
+  position: relative;
+  min-height: 64px;
+
+  // clearfix
+  &:before, &:after { display: table; content: " "; }
+  &:after { clear: both; }
+
+  // ==== controls block ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ====
+  .vtrg-edit-control {
+    display: none;
+    position: absolute;
+    z-index: 99;
+    &.top { top: 0; left: 0; }
+    &.bottom { right: 0; bottom: 0; }
+    padding: 4px;
+    background: $vtrg-act-color;
+    a { text-decoration: none; &:hover { fill: #fff; } }
+    .icon { vertical-align: middle; }
+  }
+  &:hover    { @include activated_state; .vtrg-edit-control { display: block; } }
+  &.editmode { @include activated_state; .vtrg-edit-control { display: none; } }
+  &.blocked  {                           .vtrg-edit-control { display: none; } }
+
+  // ==== block cover overlay ==== ==== ==== ==== ==== ==== ==== ==== ==== ====
+  .vtrg-edit-block-cover {
+    display: none;
+    position: absolute;
+    top: 0; right: 0; bottom: 0; left: 0;
+    background: #eee;
+    opacity: 0.8;
+    text-align: center;
+    fill: blue;
+  }
+  &.blocked .vtrg-edit-block-cover { display: block; }
+}
+
+// ==== add new block button ==== ==== ==== ==== ==== ==== ==== ==== ==== ====
+.vtrg-add-new-wrapper { margin: 32px; }
+
+.vtrg-add-new {
+  display: block;
+  text-align: center;
+  &:hover { background: $vtrg-act-color + #333; fill: #666; }
+  &:active { fill: #000; }
+}
+
+.vtrg-new-block-kinds {
+  text-align: center;
+  span { display: inline-block; margin-right: 6px; }
+  span, a { vertical-align: middle; }
+  a {
+    display: inline-block;
+    margin: 0 4px;
+    width: 64px;
+    height: 64px;
+    cursor: pointer;
+    &:hover { opacity: 0.6; }
+    &:active { opacity: 1; }
+  }
+}

data/app/assets/stylesheets/vitrage/vitrage.css

@@ -0,0 +1,5 @@
+/*
+ *= require evil-icons
+ *= require vitrage/editor
+ *= require_self
+ */

data/app/controllers/vitrage/pieces_controller.rb

@@ -0,0 +1,175 @@
+module Vitrage
+  class PiecesController < ApplicationController
+    before_action :find_vitrage_piece, only: [:show, :edit, :update]
+
+    def show
+      respond_to do |format|
+        format.html { render layout: false }
+      end
+    end
+
+    def new
+      piece_class = params[:kind]
+      unless piece_class &&
+             VitrageOwnersPiecesSlot::PIECE_CLASSES_STRINGS.include?(piece_class)
+        piece_class = VitrageOwnersPiecesSlot::PIECE_CLASSES_STRINGS.first
+      end
+      @piece = VitragePieces.const_get(piece_class).new
+
+      respond_to do |format|
+        format.html { render layout: false }
+      end
+    end
+
+    def edit
+      respond_to do |format|
+        format.html { render layout: false }
+      end
+    end
+
+    def create
+      error_state = nil
+
+      # check existance of params
+      unless params[:kind] &&
+             VitrageOwnersPiecesSlot::PIECE_CLASSES_STRINGS.include?(params[:kind]) &&
+             params[:owner_type] &&
+             params[:owner_id]
+        error_state = { descr: "Necessary parameters didn't exist error" }
+      end
+
+      # get the owner of vitrage
+      if error_state.nil?
+        @owner = nil
+        begin
+          @owner = Object.const_get(params[:owner_type]).find params[:owner_id]
+        rescue Exception => e
+          error_state = { descr: "Owner find error" }
+        end
+      end
+
+      # create piece
+      if error_state.nil?
+        @piece = VitragePieces.const_get(params[:kind]).new
+        @piece.assign_attributes vitrage_piece_params
+        unless @piece.save
+          error_state = {
+            descr: "Piece save error",
+            piece: @piece.class.name.demodulize.underscore,
+            errors: @piece.errors
+          }
+        end
+      end
+
+      # create vitrage slot
+      if error_state.nil?
+        @slot = VitrageOwnersPiecesSlot.new owner: @owner, piece: @piece
+        unless @slot.save
+          error_state = { descr: "Slot save error" }
+          @piece.destroy
+        end
+      end
+
+      if error_state
+        respond_to do |format|
+          format.html { render json: error_state.merge({ status: 'error' }),
+                        status: :unprocessable_entity }
+        end
+      else
+        respond_to do |format|
+          format.html { render layout: false }
+          format.js # for remotipart gem correct work (ajax multipart form)
+        end
+        # render layout: false
+      end
+    end
+
+    def update
+      if @piece.update(vitrage_piece_params)
+        respond_to do |format|
+          format.html { render text: "" }
+          format.js { render text: "" }
+        end
+      else
+        error_state = {
+          status: 'error',
+          descr: "Piece save error",
+          piece: @piece.class.name.demodulize.underscore,
+          errors: @piece.errors
+        }
+        respond_to do |format|
+          format.html { render json: error_state, status: :unprocessable_entity }
+          format.js { render json: error_state, status: :unprocessable_entity }
+        end
+      end
+    end
+
+    def destroy
+      @slot = VitrageOwnersPiecesSlot.find params[:id]
+      @slot.destroy
+
+      respond_to do |format|
+        format.html { render text: "" }
+      end
+    end
+
+    def reorder
+      moved_slot = VitrageOwnersPiecesSlot.find params[:id]
+      wrong_params = false
+
+      if params[:beforeid].present?
+        if params[:beforeid] == "end"
+          max_ordn = moved_slot.owner.vitrage_slots.maximum(:ordn)
+          moved_slot.update_attributes ordn: max_ordn ? max_ordn + 1 : 1
+        else
+
+          slot_after_moved = VitrageOwnersPiecesSlot.find_by_id params[:beforeid]
+          if slot_after_moved.present? && slot_after_moved.owner == moved_slot.owner
+            ordn_for_moved = slot_after_moved.ordn
+            all_slots_after_moved = moved_slot.owner.vitrage_slots.
+                                                     where("vitrage_owners_pieces_slots.ordn >= ?", ordn_for_moved).
+                                                     where.not(id: moved_slot.id).
+                                                     order(ordn: :asc)
+            all_slots_after_moved.each do |slot|
+              slot.update_attributes ordn: slot.ordn + 1
+            end
+            moved_slot.update_attributes ordn: ordn_for_moved
+
+          else
+            wrong_params = true
+          end
+        end
+      else
+        wrong_params = true
+      end
+
+      if wrong_params
+        render text: "wrong params", status: :unprocessable_entity
+      else
+        render text: "ok"
+      end
+    end
+
+    def restore_order
+      owners = VitrageOwnersPiecesSlot.all.collect { |vp| vp.owner }.uniq
+      owners.each do |owner|
+        owner.vitrage_slots.each_with_index do |slot, indx|
+          slot.update_attributes ordn: indx + 1
+        end
+      end
+      render text: "ok"
+    end
+
+    private
+
+    def find_vitrage_piece
+      @slot = VitrageOwnersPiecesSlot.find params[:id]
+      @piece = @slot.piece
+    end
+
+    def vitrage_piece_params
+      params.require(@piece.class.name.underscore.gsub('/', '_').to_sym).
+             permit @piece.params_for_permit
+    end
+  end
+end

data/app/views/vitrage/_edit.html.erb

@@ -0,0 +1,15 @@
+<%= evil_icons_sprite %>
+<div id="vitrage-edit">
+  <% owner.vitrage_slots.each do |slot| %>
+    <%= render partial: "vitrage/edit_wraped_piece", locals: { slot: slot } %>
+  <% end %>
+</div>
+
+<div class="vtrg-add-new-wrapper">
+  <div class="vtrg-new-block-kinds">
+    <span><%= evil_icon 'ei-plus', size: "m" %></span>
+    <% VitrageOwnersPiecesSlot::PIECE_CLASSES_STRINGS.each do |piece_class_string| %>
+      <%= link_to "", Rails.application.routes.url_helpers.new_vitrage_piece_path(kind: piece_class_string, owner_type: owner.class.name, owner_id: owner.id), role: "button", class: piece_class_string.underscore.dasherize, remote: true %>
+    <% end %>
+  </div>
+</div>

data/app/views/vitrage/_edit_wraped_piece.html.erb

@@ -0,0 +1,22 @@
+<% slot = slot || nil %>
+<% piece = piece || slot.piece %>
+
+<div class="vtrg-edit-wrapper" data-id="<%= (slot ? slot.id : 'new') %>">
+  <% ['top', 'bottom'].each do |position_class| %>
+    <div class="vtrg-edit-control <%= position_class %>">
+      <a href="javascript:void(0)" role="button" rel="move" class="vtrg-edit-control-move" title="<%= t('vitrage.move') %>">
+        <%= evil_icon 'ei-retweet', size: "m" %>
+      </a>
+      <a href="javascript:void(0)" role="button" rel="edit" title="<%= t('vitrage.edit') %>">
+        <%= evil_icon 'ei-pencil', size: "m" %>
+      </a>
+      <a href="javascript:void(0)" role="button" rel="destroy" title="<%= t('vitrage.destroy') %>">
+        <%= evil_icon 'ei-trash', size: "m" %>
+      </a>
+    </div>
+  <% end %>
+  <div class="vtrg-edit-block-cover"><%= evil_icon 'ei-spinner', size: "m" %></div>
+  <div class="vtrg-edit-body">
+    <%= render partial: "vitrage/#{piece.class.name.demodulize.underscore}", locals: { piece: piece } %>
+  </div>
+</div>

data/app/views/vitrage/_form_wrap.html.erb

@@ -0,0 +1,12 @@
+<% slot = slot || (piece.new_record? ? nil : piece.slot) %>
+
+<% if slot && !slot.new_record? %>
+  <% form_url = Rails.application.routes.url_helpers.vitrage_piece_path(slot.id) %>
+  <% form_method = :patch %>
+<% else %>
+  <% form_url = Rails.application.routes.url_helpers.vitrage_pieces_path %>
+  <% form_method = :post %>
+<% end %>
+
+<%#TODO make helper for building forms in the piece partial (like the `form` method of active_admin) %>
+<%= render partial: "vitrage/#{piece.class.name.demodulize.underscore}_form", locals: { piece: piece, form_url: form_url, form_method: form_method } %>

data/app/views/vitrage/_show.html.erb

@@ -0,0 +1,3 @@
+<% owner.vitrage_slots.each do |slot| %>
+  <%= render partial: "vitrage/#{slot.piece.class.name.demodulize.underscore}", locals: { piece: slot.piece } %>
+<% end %>

data/app/views/vitrage/pieces/create.html.erb

@@ -0,0 +1 @@
+<%= @slot.id %>

data/app/views/vitrage/pieces/create.js.erb

@@ -0,0 +1 @@
+<%= @slot.id %>

data/app/views/vitrage/pieces/edit.html.erb

@@ -0,0 +1 @@
+<%= render partial: "vitrage/form_wrap", locals: { slot: @slot, piece: @piece } %>

data/app/views/vitrage/pieces/new.html.erb

@@ -0,0 +1,19 @@
+<div class="vtrg-edit-wrapper editmode">
+    <% ['top', 'bottom'].each do |position_class| %>
+    <div class="vtrg-edit-control <%= position_class %>">
+      <a href="javascript:void(0)" role="button" rel="move" class="vtrg-edit-control-move" title="<%= t('vitrage.move') %>">
+        <%= evil_icon 'ei-retweet', size: "m" %>
+      </a>
+      <a href="javascript:void(0)" role="button" rel="edit" title="<%= t('vitrage.edit') %>">
+        <%= evil_icon 'ei-pencil', size: "m" %>
+      </a>
+      <a href="javascript:void(0)" role="button" rel="destroy" title="<%= t('vitrage.destroy') %>">
+        <%= evil_icon 'ei-trash', size: "m" %>
+      </a>
+    </div>
+  <% end %>
+  <div class="vtrg-edit-block-cover"><%= evil_icon 'ei-spinner', size: "m" %></div>
+  <div class="vtrg-edit-body">
+    <%= render partial: "vitrage/form_wrap", locals: { piece: @piece } %>
+  </div>
+</div>

data/app/views/vitrage/pieces/show.html.erb

@@ -0,0 +1 @@
+<%= render partial: "vitrage/#{@piece.class.name.demodulize.underscore}", locals: { piece: @piece } %>

data/config/locales/vitrage_en.yml

@@ -0,0 +1,5 @@
+en:
+  vitrage:
+    edit: "Edit"
+    destroy: "Delete"
+    move: "Move"