beautiful_scaffold 0.1.4 → 0.1.5

data/lib/generators/templates/app/assets/stylesheets/tagit-dark-grey.css

@@ -0,0 +1,135 @@
+.ui-autocomplete {
+    background-color: #fff;
+    position: absolute;
+    cursor: default;
+    list-style: none;
+    margin: 25px 0 0;
+    padding: 0;
+    border: 1px solid #E5E5E5;
+    border-top: none;
+    -moz-border-radius: 0 0 10px 10px;
+    border-radius: 0 0 10px 10px;
+    -moz-box-shadow: 0 3px 5px #888;
+    -webkit-box-shadow: 0 3px 5px #888;
+    box-shadow: 0 3px 5px #888;
+    font-size: 12px;
+}
+
+.ui-autocomplete .ui-menu-item {
+    padding: 0;
+    margin: 0;
+}
+
+.ui-autocomplete  .ui-menu-item a {
+    display: block;
+    padding: 4px 6px;
+    margin: 0;
+    text-decoration: none;
+    line-height: 12px;
+    border-bottom: 1px solid #E5E5E5;
+    border-top: 1px solid #fff;
+    color: #78959D;
+    
+}
+
+.ui-autocomplete .ui-menu-item a.ui-state-hover,
+.ui-autocomplete .ui-menu-item a.ui-state-active {
+    background-color: #c0d1e2;
+    color: #555;
+    border-color: #a6cef7;
+}
+
+.ui-autocomplete-loading {
+    background: white url(/assets/ui-anim_basic_16x16.gif) right center no-repeat;
+}
+
+ul.tagit {
+    cursor: text;
+    overflow: auto;
+    font-size: 14px;
+    width: 97%;
+    padding: 0px;
+    margin: 0px;
+    background: #fff;
+    color: #fff;
+}
+
+ul.tagit li {
+    -moz-border-radius: 5px;
+    border-radius: 5px;
+    display: block;
+    float: left;
+    margin: 2px 5px 2px 0;
+    position: relative;
+}
+
+ul.tagit.ui-sortable li.tagit-choice a.ui-icon.ui-icon-grip-dotted-vertical{
+    float: left;
+    width: 12px;
+    margin-left: -5px;
+    cursor: move;
+}
+
+ul.tagit li.tagit-choice {
+    background-color: #333;
+    border: 1px solid #333;
+    padding: 2px 13px 3px 4px;
+}
+
+ul.tagit li.tagit-choice.selected {
+    background-color: #633;
+    border-color: #f76464;
+}
+
+ul.tagit li.tagit-choice:hover {
+    background-color: #555;
+    border-color: #444;
+}
+
+ul.tagit li.tagit-new {
+    clear: left;
+    padding: 2px 4px 3px;
+    padding: 2px 4px 1px;
+    padding: 2px 4px 1px 0;
+}
+
+ul.tagit li.tagit-choice input {
+    display: block;
+    float: left;
+    margin: 0 5px 0 0;
+    padding-top: 2px;
+    padding-bottom: 2px;
+}
+
+ul.tagit li.tagit-choice a.tagit-close {
+    color: #ccc;
+    cursor: pointer;
+    font-size: 12px;
+    font-weight: bold;
+    outline: medium none;
+    padding: 2px 0 2px 3px;
+    text-decoration: none;
+    position: absolute;
+    display: block;
+    top: 0;
+    right: 3px;
+    text-shadow: 1px 1px 0 rgba(100, 100, 100, 0.7);
+}
+
+ul.tagit li.tagit-choice a.tagit-close:hover {
+    color: #fff;
+    text-shadow: none;
+}
+                           /*
+ul.tagit input[type="text"] {
+    -moz-box-sizing: border-box;
+    border: none !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    width: inherit !important;
+    outline: none;
+}
+*/
+select.tagit-hiddenSelect {
+    display:none;
+}

data/lib/generators/templates/app/assets/stylesheets/themes/default/style.css

@@ -0,0 +1,74 @@
+/*
+ * jsTree default theme 1.0
+ * Supported features: dots/no-dots, icons/no-icons, focused, loading
+ * Supported plugins: ui (hovered, clicked), checkbox, contextmenu, search
+ */
+
+.jstree-default li, 
+.jstree-default ins { background-image:url("d.png"); background-repeat:no-repeat; background-color:transparent; }
+.jstree-default li { background-position:-90px 0; background-repeat:repeat-y; }
+.jstree-default li.jstree-last { background:transparent; }
+.jstree-default .jstree-open > ins { background-position:-72px 0; }
+.jstree-default .jstree-closed > ins { background-position:-54px 0; }
+.jstree-default .jstree-leaf > ins { background-position:-36px 0; }
+
+.jstree-default .jstree-hovered { background:#e7f4f9; border:1px solid #d8f0fa; padding:0 2px 0 1px; }
+.jstree-default .jstree-clicked { background:#beebff; border:1px solid #99defd; padding:0 2px 0 1px; }
+.jstree-default a .jstree-icon { background-position:-56px -19px; }
+.jstree-default a.jstree-loading .jstree-icon { background:url("throbber.gif") center center no-repeat !important; }
+
+/*.jstree-default.jstree-focused { background:#ffffee; }*/
+
+.jstree-default .jstree-no-dots li, 
+.jstree-default .jstree-no-dots .jstree-leaf > ins { background:transparent; }
+.jstree-default .jstree-no-dots .jstree-open > ins { background-position:-18px 0; }
+.jstree-default .jstree-no-dots .jstree-closed > ins { background-position:0 0; }
+
+.jstree-default .jstree-no-icons a .jstree-icon { display:none; }
+
+.jstree-default .jstree-search { font-style:italic; }
+
+.jstree-default .jstree-no-icons .jstree-checkbox { display:inline-block; }
+.jstree-default .jstree-no-checkboxes .jstree-checkbox { display:none !important; }
+.jstree-default .jstree-checked > a > .jstree-checkbox { background-position:-38px -19px; }
+.jstree-default .jstree-unchecked > a > .jstree-checkbox { background-position:-2px -19px; }
+.jstree-default .jstree-undetermined > a > .jstree-checkbox { background-position:-20px -19px; }
+.jstree-default .jstree-checked > a > .jstree-checkbox:hover { background-position:-38px -37px; }
+.jstree-default .jstree-unchecked > a > .jstree-checkbox:hover { background-position:-2px -37px; }
+.jstree-default .jstree-undetermined > a > .jstree-checkbox:hover { background-position:-20px -37px; }
+
+#vakata-dragged.jstree-default ins { background:transparent !important; }
+#vakata-dragged.jstree-default .jstree-ok { background:url("d.png") -2px -53px no-repeat !important; }
+#vakata-dragged.jstree-default .jstree-invalid { background:url("d.png") -18px -53px no-repeat !important; }
+#jstree-marker.jstree-default { background:url("d.png") -41px -57px no-repeat !important; text-indent:-100px; }
+
+.jstree-default a.jstree-search { color:aqua; }
+.jstree-default .jstree-locked a { color:silver; cursor:default; }
+
+#vakata-contextmenu.jstree-default-context, 
+#vakata-contextmenu.jstree-default-context li ul { background:#f0f0f0; border:1px solid #979797; -moz-box-shadow: 1px 1px 2px #999; -webkit-box-shadow: 1px 1px 2px #999; box-shadow: 1px 1px 2px #999; }
+#vakata-contextmenu.jstree-default-context li { }
+#vakata-contextmenu.jstree-default-context a { color:black; }
+#vakata-contextmenu.jstree-default-context a:hover, 
+#vakata-contextmenu.jstree-default-context .vakata-hover > a { padding:0 5px; background:#e8eff7; border:1px solid #aecff7; color:black; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
+#vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a, 
+#vakata-contextmenu.jstree-default-context li.jstree-contextmenu-disabled a:hover { color:silver; background:transparent; border:0; padding:1px 4px; }
+#vakata-contextmenu.jstree-default-context li.vakata-separator { background:white; border-top:1px solid #e0e0e0; margin:0; }
+#vakata-contextmenu.jstree-default-context li ul { margin-left:-4px; }
+
+/* IE6 BEGIN */
+.jstree-default li, 
+.jstree-default ins,
+#vakata-dragged.jstree-default .jstree-invalid, 
+#vakata-dragged.jstree-default .jstree-ok, 
+#jstree-marker.jstree-default { _background-image:url("d.gif"); }
+.jstree-default .jstree-open ins { _background-position:-72px 0; }
+.jstree-default .jstree-closed ins { _background-position:-54px 0; }
+.jstree-default .jstree-leaf ins { _background-position:-36px 0; }
+.jstree-default a ins.jstree-icon { _background-position:-56px -19px; }
+#vakata-contextmenu.jstree-default-context ins { _display:none; }
+#vakata-contextmenu.jstree-default-context li { _zoom:1; }
+.jstree-default .jstree-undetermined a .jstree-checkbox { _background-position:-20px -19px; }
+.jstree-default .jstree-checked a .jstree-checkbox { _background-position:-38px -19px; }
+.jstree-default .jstree-unchecked a .jstree-checkbox { _background-position:-2px -19px; }
+/* IE6 END */

data/lib/generators/templates/app/controllers/base.rb

@@ -180,6 +180,17 @@ class <%= namespace_for_class %><%= model_camelize.pluralize %>Controller < Beau
     
     redirect_to :back
   end
+
+  def treeview
+
+  end
+
+  def treeview_update
+    modelclass = <%= model_camelize %>
+    foreignkey = :<%= model %>_id
+
+    render :nothing => true, :status => (update_treeview(modelclass, foreignkey) ? 200 : 500)
+  end
   
   private 
   

data/lib/generators/templates/app/controllers/master_base.rb

@@ -55,4 +55,43 @@ class BeautifulController < ApplicationController
     return false if string == false || string.nil? || string =~ (/(false|f|no|n|0)$/i)
     raise ArgumentError.new("invalid value for Boolean: \"#{string}\"")
   end
+
+  def update_treeview(modelclass, foreignkey)
+    parent_id    = (params[foreignkey].to_i == 0 ? nil : params[foreignkey].to_i)
+    index        = params[:position].to_i
+
+    elt          = modelclass.find(params[:id])
+    elt.attributes = { foreignkey => parent_id }
+
+    if modelclass.column_names.include?("position") then
+      new_pos = 0
+      modelclass.transaction do
+        all_elt = modelclass.where(foreignkey => parent_id).order("position ASC").all
+
+        begin
+          if index == all_elt.length then
+            new_pos = all_elt.last.position + 1
+          elsif index == 0 then
+            new_pos = all_elt.first.position - 1
+          else
+            new_pos = all_elt[index].position
+
+            end_of_array = all_elt[index..-1]
+            end_of_array.each{ |g|
+              next if g == elt
+              g.position = g.position.to_i + 1
+              g.save
+
+              next_elt = end_of_array[end_of_array.index(g) + 1]
+              break if not next_elt.nil? and next_elt.position > g.position
+            }
+          end
+        rescue
+          new_pos = 0
+        end
+      end
+      elt.position = new_pos
+    end
+    return elt.save
+  end
 end

data/lib/generators/templates/app/helpers/beautiful_helper.rb

@@ -73,47 +73,65 @@ module BeautifulHelper
     type_of_column ||= :other
     case type_of_column
       when :date, :datetime then
-        # DatePicker
+        dt = (type_of_column == :datetime)
+        interval = (dt ? (1..5) : (1..3))
+
+        # Greater than
         response += '<div class="input-prepend input-append input-' + type_of_column.to_s + '">'
         response += '<span class="add-on"><i class="icon-chevron-right"></i></span>'
-        response += f.text_field((name_field + "_gteq").to_sym, :class => "span8 dpicker")
+        response += f.text_field(
+            (name_field + "_dp_gt").to_sym,
+            :value => (begin params[:q][(name_field + "_dp_gt").to_sym] rescue '' end),
+            :class => "span8 dpicker",
+            "data-id" => ("q_" + name_field + "_gteq"))
         response += '<span class="add-on"><i class="icon-calendar"></i></span>'
         response += '</div>'
 
-        response += f.hidden_field(name_field + '_gteq(3i)', :id => ('q_' + name_field + '_gteq_3i')) # Day
-        response += f.hidden_field(name_field + '_gteq(2i)', :id => ('q_' + name_field + '_gteq_2i')) # Mois
-        response += f.hidden_field(name_field + '_gteq(1i)', :id => ('q_' + name_field + '_gteq_1i')) # Year
-
-        if type_of_column == :datetime then
+        if dt then
           response += '<div class="input-prepend input-append input-' + type_of_column.to_s + '">'
           response += '<span class="add-on"><i class="icon-chevron-right"></i></span>'
-          response += f.text_field((name_field + "_lteq").to_sym, :class => "span8 tpicker")
+          response += f.text_field(
+              (name_field + "_tp_gt").to_sym,
+              :value => (begin params[:q][(name_field + "_tp_gt").to_sym] rescue '' end),
+              :class => "span8 tpicker",
+              "data-id" => ("q_" + name_field + "_gteq"))
           response += '<span class="add-on"><i class="icon-time"></i></span>'
           response += '</div>'
+        end
 
-          response += f.hidden_field(name_field + '_gteq(4i)', :id => ('q_' + name_field + '_gteq_4i')) # Hour
-          response += f.hidden_field(name_field + '_gteq(5i)', :id => ('q_' + name_field + '_gteq_5i')) # Minute
+        for i in interval
+          response += f.hidden_field(name_field + "_gteq(#{i}i)",
+                                     :value => (begin params[:q][(name_field + "_gteq(#{i}i)").to_sym] rescue '' end),
+                                     :id => ('q_' + name_field + "_gteq_#{i}i"))
         end
 
+        # Less than
         response += '<div class="input-prepend input-append input-' + type_of_column.to_s + '">'
         response += '<span class="add-on"><i class="icon-chevron-left"></i></span>'
-        response += f.text_field((name_field + "_lteq").to_sym, :class => "span8 dpicker")
+        response += f.text_field(
+            (name_field + "_dp_lt").to_sym,
+            :value => (begin params[:q][(name_field + "_dp_lt").to_sym] rescue '' end),
+            :class => "span8 dpicker",
+            "data-id" => ("q_" + name_field + "_lteq"))
         response += '<span class="add-on"><i class="icon-calendar"></i></span>'
         response += '</div>'
 
-        response += f.hidden_field(name_field + '_lteq(3i)', :id => ('q_' + name_field + '_lteq_3i')) # Day
-        response += f.hidden_field(name_field + '_lteq(2i)', :id => ('q_' + name_field + '_lteq_2i')) # Mois
-        response += f.hidden_field(name_field + '_lteq(1i)', :id => ('q_' + name_field + '_lteq_1i')) # Year
-
-        if type_of_column == :datetime then
+        if dt then
           response += '<div class="input-prepend input-append input-' + type_of_column.to_s + '">'
           response += '<span class="add-on"><i class="icon-chevron-left"></i></span>'
-          response += f.text_field((name_field + "_lteq").to_sym, :class => "span8 tpicker")
+          response += f.text_field(
+              (name_field + "_tp_lt").to_sym,
+              :value => (begin params[:q][(name_field + "_tp_lt").to_sym] rescue '' end),
+              :class => "span8 tpicker",
+              "data-id" => ("q_" + name_field + "_lteq"))
           response += '<span class="add-on"><i class="icon-time"></i></span>'
           response += '</div>'
+        end
 
-          response += f.hidden_field(name_field + '_lteq(4i)', :id => ('q_' + name_field + '_lteq_4i')) # Hour
-          response += f.hidden_field(name_field + '_lteq(5i)', :id => ('q_' + name_field + '_lteq_5i')) # Minute
+        for i in interval
+          response += f.hidden_field(name_field + "_lteq(#{i}i)",
+                                     :value => (begin params[:q][(name_field + "_lteq(#{i}i)").to_sym] rescue '' end),
+                                     :id => ('q_' + name_field + "_lteq_#{i}i"))
         end
       when :boolean then
         # Specify a default value (false) in rails migration
@@ -180,4 +198,20 @@ module BeautifulHelper
   def get_belongs_to_model(column)
     return column[0..-4]
   end
+
+  def build_treeview(obj, child_relation)
+    out = '
+      <li id="treeelt_' + obj.id.to_s + '" data-id="' + obj.id.to_s + '">
+        <a href="#" class="nopjax">' + obj.caption + '</a>
+        <ul>'
+    ar = obj.send(child_relation.to_sym)
+    ar = ar.order('position') if obj.class.column_names.include?("position")
+    for o in ar.all
+      out += build_treeview(o, child_relation)
+    end
+    out += '
+        </ul>
+      </li>'
+    return out.html_safe
+  end
 end

data/lib/generators/templates/app/locales/beautiful_scaffold.en.yml

@@ -32,3 +32,4 @@ en:
   greater_than: "Greater than"
   smaller_than: "Smaller than"
   select_columns: "Select Columns"
+  treeview: "Treeview"

data/lib/generators/templates/app/locales/beautiful_scaffold.fr.yml

@@ -31,4 +31,5 @@ fr:
   update_success: "%{model} a été mis(e) à jour avec succès."
   greater_than: "Plus grand que"
   smaller_than: "Plus petit que"
-  select_columns: "Selection des colonnes"
+  select_columns: "Selection des colonnes"
+  treeview: "Arborescence"

data/lib/generators/templates/app/views/_form_habtm_tag.html.erb

@@ -0,0 +1,47 @@
+<%#=
+  render :partial => "layouts/form_habtm_tag", :locals => {
+    :model_class => @product,
+    :model_name => "product",
+    :plural_model_name => "products",
+    :linked_model_name => "tag",
+    :plural_linked_model_name => "tags",
+    :namespace_bs => "admin",
+    :field_to_search_for_linked_model => "name",
+    :f => f
+  }
+  # Example to put in a _form.html.erb
+%>
+
+<div class="control-group">
+    <%= f.label plural_linked_model_name.to_sym, t(plural_linked_model_name.to_sym, :default => plural_linked_model_name.capitalize), :class => "control-label" %>
+    <div class="controls">
+        <ul id="<%= model_name %>_<%= linked_model_name %>_ids" name="<%= model_name %>[<%= linked_model_name %>_ids][]">
+            <% for elt in model_class.send(plural_linked_model_name) %>
+            <li data-value="<%= elt.id %>"><%= elt.caption %></li>
+            <% end %>
+        </ul>
+    </div>
+</div>
+<script type="text/javascript">
+  $('#<%= model_name %>_<%= linked_model_name %>_ids').tagit({
+    tagSource : function( request, response ) {
+      <% path_namespace = '/' + namespace_bs if not namespace_bs.blank? %>
+      $.ajax({
+        url: "<%= path_namespace %>/<%= plural_linked_model_name %>/search_and_filter.json",
+        type: "POST",
+        data: {
+            "q[<%= field_to_search_for_linked_model %>_cont]" : request.term
+        },
+        dataType: "json",
+        success: function( data ) {
+          response( $.map( data, function( item ) {
+            return { label: String(item.<%= field_to_search_for_linked_model %>), value: item.id };
+          }));
+        }
+      });
+    },
+    triggerKeys:['enter', 'comma', 'tab'],
+    select : true,
+    allowNewTags : false
+  });
+</script>