beautiful_scaffold 2.0.2 → 2.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 29b4c80363aba59d47f1219a1dbc4b205a149b0d2745f6a295e1511a2898d96f
-  data.tar.gz: 13fe2f58f7b2a30e7eff49e55ab8d8ec1ac5e7d77f78b41f50ec18919fb2cb98
+  metadata.gz: c90c697cd1e3c71ed04460ed4f75cc9320e6a843fb3df59eb605dc294e46ce19
+  data.tar.gz: 7891a26affac91b9251b4364a279b2ecd340decf6b4ce34f5837006bfa995286
 SHA512:
-  metadata.gz: ebd54c4c42924851fb5039d1edf3a749ff0b153f605cd1b9671c0a292d030a43d839bac61b8e830b3733d35694425a602f63f24fa81a357bd099dd1f12d91a43
-  data.tar.gz: 370ee3d28e84836c4f81d7dbedd894c5ccd56997d00e598d10959375c0037b5c8ce4802a28d1e6f819532c57b6d929583e3649a1d5cd8045f5bba225262bed2b
+  metadata.gz: 98703dfffcad9793f1c3391c7016ed558f35f8fb4c6ffa0f2dcac9c501033dd40dbb18f7440c32662a0eb7d81cb0be8bfe512f4f0239c3af843e939583709903
+  data.tar.gz: dc4a1c435dc7117b840afc0d1b686f52790ca8203e64d6cb5d4463a5fc8a53c1128e227e01b5733c7763e7367a7855b092f3902ce3b2e09092a063a64d75bae9

data/CHANGELOG

@@ -4,10 +4,20 @@
 
 * bugfix
 
-
-== Soon
+== TODO
 
 ActionText / trix.
+Include pg_search for fulltext field.
+Remove "image_processing" specific version + add gem 'mini_magick' (pour la génération des variants)
+
+== 2.0.3
+
+* bugfix
+  * _ids in permitted_attributes (beautiful_jointable)
+
+* enhancement
+  * Replace tagit by select2 (+ _ids in permitted_attributes)
+  * Bootstrap 4.3 -> 5.1
 
 == 2.0.2
 

data/Gemfile

@@ -14,7 +14,7 @@ group :test do
       'prawn' => nil, #'2.1.0',
       'prawn-table' => nil, #'0.2.2',
       'sanitize' => nil,
-      'bootstrap' => '~> 4.3.1',
+      'bootstrap' => '~> 5.1.0',
       'font-awesome-rails' => '4.7.0.7',
       'momentjs-rails' => '>= 2.9.0',
       'bootstrap4-datetime-picker-rails' => nil,

data/lib/beautiful_scaffold/version.rb

@@ -1,3 +1,3 @@
 module BeautifulScaffold
-  VERSION = '2.0.2'
+  VERSION = '2.0.3'
 end

data/lib/generators/USAGE

@@ -1,18 +1,30 @@
-Description:
-    scaffold, migration and locale
+#
+# How to test Beautiful-Scaffold in a fresh rails app
+#
 
-Example:
-    rails generate beautiful_scaffold model attribute:type attribute:type ...
-    rails generate beautiful scaffold price:price name:string visible:boolean description:richtext
-    rails generate beautiful_scaffold product family:references price:price name:string visible:boolean description:richtext
-    
-    rails generate beautiful_migration AddColorToProducts color:string
+rails new my_test_app
+cd my_test_app
+echo "gem 'beautiful_scaffold', '2.0.2'" >> Gemfile
+bundle update
 
-    rails generate beautiful_locale {fr|en|all}
+rails generate beautiful_scaffold family name:string description:wysiwyg
+rails generate beautiful_scaffold product family:references price:price name:string visible:boolean description:wysiwyg
+rails generate beautiful_scaffold user pseudo:string email:string
+rails generate beautiful_scaffold tag name:string
 
-    rails generate beautiful_jointable product tag
+rails generate beautiful_jointable product tag
 
-    rails generate beautiful_sorcery
-    rails generate beautiful_cancancan
+rails generate beautiful_migration AddColorSecToProducts color_secondary:color
+
+rails generate beautiful_locale fr
+
+rails generate beautiful_sorcery
+rails generate beautiful_cancancan
+
+rake db:migrate
+rails server
+
+# Open a web browser http://localhost:3000/
+# Register, and copy/paste the link you see in the rails server log : e.g. http://localhost:3000/users/axfEQ8i38ZtXTi-oTzuw/activate
 
        

data/lib/generators/beautiful_jointable_generator.rb

@@ -42,10 +42,8 @@ class BeautifulJointableGenerator < Rails::Generators::Base
       # Add habtm relation
       inject_into_file("app/models/#{engine_name}#{sorted_model[0]}.rb", "\n  #{engine_name.present? ? '  ' : ''}has_and_belongs_to_many :#{sorted_model[1].pluralize}", :after => "ApplicationRecord")
       inject_into_file("app/models/#{engine_name}#{sorted_model[1]}.rb", "\n  #{engine_name.present? ? '  ' : ''}has_and_belongs_to_many :#{sorted_model[0].pluralize}", :after => "ApplicationRecord")
-      inject_into_file("app/models/#{engine_name}#{sorted_model[0]}.rb", "{ :#{sorted_model[1]}_ids => [] }, ", :after => "permitted_attributes
-      return ")
-      inject_into_file("app/models/#{engine_name}#{sorted_model[1]}.rb", "{ :#{sorted_model[0]}_ids => [] }, ", :after => "permitted_attributes
-      return ")
+      inject_into_file("app/models/#{engine_name}#{sorted_model[0]}.rb", "{ :#{sorted_model[1]}_ids => [] }, ", :after => /permitted_attributes#{regexp_an_string}return /)
+      inject_into_file("app/models/#{engine_name}#{sorted_model[1]}.rb", "{ :#{sorted_model[0]}_ids => [] }, ", :after => /permitted_attributes#{regexp_an_string}return /)
     end
   end
 

data/lib/generators/beautiful_scaffold_common_methods.rb

@@ -51,6 +51,10 @@ module BeautifulScaffoldCommonMethods
     return result
   end
 
+  def regexp_an_string
+    '\s*\R\s*'
+  end
+
   ############
   # Models
   ############
@@ -195,7 +199,7 @@ module BeautifulScaffoldCommonMethods
       'prawn-table' => nil, #'0.2.2',
       'sanitize' => nil,
       #'twitter-bootstrap-rails' => '3.2.2', # Bootstrap 3 for Rails 6+
-      'bootstrap' => '~> 4.3.1', # Bootstrap 4 for Rails 6+
+      'bootstrap' => '~> 5.1.0', # Bootstrap 4 for Rails 6+
       'font-awesome-sass' => '~> 5.13.0',
       'momentjs-rails' => '>= 2.9.0',
       'bootstrap4-datetime-picker-rails' => nil,

data/lib/generators/beautiful_scaffold_generator.rb

@@ -62,7 +62,6 @@ class BeautifulScaffoldGenerator < Rails::Generators::Base
     # Css
     bc_css           = [
                         "beautiful-scaffold.css.scss",
-                        "tagit-dark-grey.css",
                         "bootstrap-wysihtml5.css"
                        ]
 
@@ -79,7 +78,6 @@ class BeautifulScaffoldGenerator < Rails::Generators::Base
 
     if !engine_name.blank?
       ['beautiful-scaffold',
-      'tagit-dark-grey',
       'bootstrap-wysihtml5'].each do |fileassets|
         gsub_file File.join(stylesheetspath_dest, "application-bs.scss"), " *= require #{fileassets}", " *= require #{engine_name}#{fileassets}"
       end
@@ -100,7 +98,6 @@ class BeautifulScaffoldGenerator < Rails::Generators::Base
                         "bootstrap-datetimepicker-for-beautiful-scaffold.js",
                         "jquery-barcode.js",
                         "jstree.min.js",
-                        "tagit.js",
                         "a-wysihtml5-0.3.0.min.js",
                         "bootstrap-wysihtml5.js",
                         "fixed_menu.js"
@@ -114,7 +111,6 @@ class BeautifulScaffoldGenerator < Rails::Generators::Base
       ['a-wysihtml5-0.3.0.min',
       'bootstrap-datetimepicker-for-beautiful-scaffold',
       'bootstrap-wysihtml5',
-      'tagit.js',
       'jstree.min.js',
       'jquery-barcode',
       'beautiful_scaffold',

data/lib/generators/templates/app/assets/javascripts/application-bs.js

@@ -10,7 +10,6 @@
 //= require bootstrap-datetimepicker-for-beautiful-scaffold
 //= require bootstrap-wysihtml5
 //= require jstree.min.js
-//= require tagit.js
 //= require jquery-barcode
 //= require beautiful_scaffold
 //= require fixed_menu

data/lib/generators/templates/app/assets/javascripts/beautiful_scaffold.js

@@ -18,37 +18,23 @@ function bs_init(){
         return false;
     });
 
-    // Tagit
+    // habtm (select2 - tag)
     $('.bs-tagit').each(function( index ) {
         var tagitelt = this;
-        $(tagitelt).tagit({
-            tagSource : function( request, response ) {
-
-                var par = $(tagitelt).attr("data-param");
-                var url = $(tagitelt).attr("data-url");
-                var result = $(tagitelt).attr("data-result");
-                var data_to_send = {
-                    "skip_save_search": true
-                };
-                data_to_send[par] = request.term;
-                $.ajax({
-                    url: url,
-                    type: "POST",
-                    data: data_to_send,
-                    dataType: "json",
-                    success: function( data ) {
-                        response( $.map( data, function( item ) {
-                            return { label: item[result], value: item.id };
-                        }));
-                    }
-                });
-            },
-            triggerKeys:['enter', 'comma', 'tab'],
-            select : true,
-            allowNewTags : false
+        $(tagitelt).select2({
+            ajax: {
+                processResults: function (data) {
+                    // Transforms the top-level key of the response object from 'items' to 'results'
+                    return {
+                        results: $.map(data, function (obj) {
+                            obj.id = obj.id;
+                            obj.text = obj.caption;
+                            return obj;
+                        })
+                    };
+                }
+            }
         });
-        // Bootstrap...
-        $('.tagit-input').addClass("form-control");
     });
 
     // Wysiwyg field

data/lib/generators/templates/app/assets/stylesheets/application-bs.css

@@ -11,7 +11,6 @@
  *= require_self
  *= require jquery-ui
  *= require beautiful-scaffold
- *= require tagit-dark-grey
  *= require bootstrap-wysihtml5
  *= require themes/default/style
  */

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

@@ -20,13 +20,13 @@
 <div class="form-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>
-        <ul class="bs-tagit" id="<%= model_name %>_<%= linked_model_name %>_ids" name="<%= model_name %>[<%= linked_model_name %>_ids][]" data-url="<%= path_namespace %><%= plural_linked_model_name %>/search_and_filter.json" data-param="q[<%= field_to_search_for_linked_model %>_cont]" data-result="<%= attr_to_show %>">
+        <select multiple="multiple" class="form-control bs-tagit" id="<%= model_name %>_<%= linked_model_name %>_ids" name="<%= model_name %>[<%= linked_model_name %>_ids][]"  data-tags="true" data-placeholder="<%= t('select-an-option', default: 'Select an option') %>" data-allow-clear="true" data-ajax--cache="true" data-ajax--url="<%= path_namespace %><%= plural_linked_model_name %>/search_and_filter.json" data-param="q[<%= field_to_search_for_linked_model %>_cont]" data-result="<%= attr_to_show %>">
           <% begin %>
             <% for elt in model_class.send(plural_linked_model_name) %>
-            <li data-value="<%= elt.id %>"><%= elt.caption %></li>
+            <option selected="selected" data-value="<%= elt.id %>"><%= elt.caption %></option>
             <% end %>
           <% rescue %>
           <% end %>
-        </ul>
+        </select>
     </div>
 </div>

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

@@ -15,6 +15,9 @@
     <%%= stylesheet_link_tag "<%= engine_name %>application-bs" %>
     <%%= javascript_include_tag "<%= engine_name %>application-bs" %>
 
+    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
+    <script src="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/js/select2.min.js"></script>
+
     <%%= csrf_meta_tags %>
     <%%= yield :head %>
   </head>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: beautiful_scaffold
 version: !ruby/object:Gem::Version
-  version: 2.0.2
+  version: 2.0.3
 platform: ruby
 authors:
 - Sylvain Claudel
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-02-19 00:00:00.000000000 Z
+date: 2021-08-20 00:00:00.000000000 Z
 dependencies: []
 description: Beautiful Scaffold generate a complete scaffold (sort, export, paginate
   and filter data) http://beautiful-scaffold.rivsc.ovh
@@ -49,11 +49,9 @@ files:
 - lib/generators/templates/app/assets/javascripts/jquery-barcode.js
 - lib/generators/templates/app/assets/javascripts/jstree.min.js
 - lib/generators/templates/app/assets/javascripts/modernizr.custom.js
-- lib/generators/templates/app/assets/javascripts/tagit.js
 - lib/generators/templates/app/assets/stylesheets/application-bs.css
 - lib/generators/templates/app/assets/stylesheets/beautiful-scaffold.css.scss
 - lib/generators/templates/app/assets/stylesheets/bootstrap-wysihtml5.css
-- lib/generators/templates/app/assets/stylesheets/tagit-dark-grey.css
 - lib/generators/templates/app/assets/stylesheets/themes/default-dark/32px.png
 - lib/generators/templates/app/assets/stylesheets/themes/default-dark/40px.png
 - lib/generators/templates/app/assets/stylesheets/themes/default-dark/style.scss

data/lib/generators/templates/app/assets/javascripts/tagit.js

@@ -1,489 +0,0 @@
-/*
- * INFORMATION
- * ---------------------------
- * Owner:     jquery.webspirited.com
- * Developer: Matthew Hailwood
- * ---------------------------
- */
-
-(function ($) {
-    $.widget("ui.tagit", {
-
-        // default options
-        options:{
-            //Maps directly to the jQuery-ui Autocomplete option
-            tagSource:[],
-            //What keys should trigger the completion of a tag
-            triggerKeys:['enter', 'space', 'comma', 'tab'],
-            //array method for setting initial tags
-            initialTags:[],
-            //minimum length of tags
-            minLength:1,
-            //should an html select be rendered to allow for normal form submission
-            select:false,
-            //if false only tags from `tagSource` are able to be entered
-            allowNewTags:true,
-            //should tag and Tag be treated as identical
-            caseSensitive:false,
-            //should tags be drag-and-drop sortable?
-            //true: entire tag is draggable
-            //'handle': a handle is rendered which is draggable
-            sortable:false,
-            //color to highlight text when a duplicate tag is entered
-            highlightOnExistColor:'#0F0',
-            //empty search on focus
-            emptySearch:true,
-            //callback function for when tags are changed
-            //tagValue: value of tag that was changed
-            //action e.g. removed, added, sorted
-            tagsChanged:function (tagValue, action, element) {
-                ;
-            },
-            maxTags:undefined,
-            //should 'paste' event trigger 'blur', thus potentially adding a new tag
-            // (true for backwards compatibility)
-            blurOnPaste:true
-        },
-
-        _splitAt:/\ |,/g,
-        _existingAtIndex:0,
-        _keys:{
-            backspace:[8],
-            enter:[13],
-            space:[32],
-            comma:[44, 188],
-            tab:[9]
-        },
-
-        _sortable:{
-            sorting:-1
-        },
-
-        //initialization function
-        _create:function () {
-
-            var self = this;
-            this.tagsArray = [];
-            this.timer = null;
-
-            //add class "tagit" for theming
-            this.element.addClass("tagit");
-
-            //add any initial tags added through html to the array
-            this.element.children('li').each(function () {
-                var tag = $(this);
-                var tagValue = tag.attr('tagValue') || tag.data('value');
-                self.options.initialTags.push({label:tag.text(), value:(tagValue ? tagValue : tag.text())});
-            });
-
-            //setup split according to the trigger keys
-            self._splitAt = null;
-            if ($.inArray('space', self.options.triggerKeys) > 0 && $.inArray('comma', self.options.triggerKeys) > 0)
-                self._splitAt = /\ |,/g;
-            else if ($.inArray('space', self.options.triggerKeys) > 0)
-                self._splitAt = /\ /g;
-            else if ($.inArray('comma', self.options.triggerKeys) > 0)
-                self._splitAt = /,/g;
-
-            //add the html input
-            this.element.html('<li class="tagit-new"><input class="tagit-input" type="text" /></li>');
-
-            this.input = this.element.find(".tagit-input");
-
-            //setup click handler
-            $(this.element).click(function (e) {
-                if ($(e.target).hasClass('tagit-close')) {
-                    // Removes a tag when the little 'x' is clicked.
-                    var parent = $(e.target).parent();
-
-                    var tag = self.tagsArray[parent.index()];
-
-                    tag.element.remove();
-                    self._popTag(tag);
-                }
-                else {
-                    self.input.focus();
-                    if (self.options.emptySearch && $(e.target).hasClass('tagit-input') && self.input.val() == '' && self.input.autocomplete != undefined) {
-                        self.input.autocomplete('search');
-                    }
-                }
-            });
-
-            //setup autocomplete handler
-            var os = this.options.select;
-            this.options.appendTo = this.element;
-            this.options.source = this.options.tagSource;
-            this.options.select = function (event, ui) {
-                self.input.data('autoCompleteTag', true);
-            clearTimeout(self.timer);
-            if (self.options.maxTags !== undefined && self.tagsArray.length == self.options.maxTags) {
-                self.input.val("");
-            }
-            else {
-                if (ui.item.label === undefined)
-                    self._addTag(ui.item.value);
-                else
-                    self._addTag(ui.item.label, ui.item.value);
-            }
-
-            return false;
-        },
-
-            this.options.focus = function (event, ui) {
-                if (ui.item.label !== undefined && /^key/.test(event.originalEvent.originalEvent.type)) {
-                    self.input.val(ui.item.label);
-                    self.input.data('value', ui.item.value);
-                    return false;
-                }
-            };
-            this.options.autoFocus = !this.options.allowNewTags;
-            this.input.autocomplete(this.options);
-            this.options.select = os;
-
-            //setup keydown handler
-            this.input.keydown(function (e) {
-                var lastLi = self.element.children(".tagit-choice:last");
-                if (e.which == self._keys.backspace)
-                    return self._backspace(lastLi);
-
-                if (self._isInitKey(e.which) && !(self._isTabKey(e.which) && this.value == '' && !self.input.data('autoCompleteTag'))) {
-                    e.preventDefault();
-
-                    self.input.data('autoCompleteTag', false);
-
-                    if (!self.options.allowNewTags || (self.options.maxTags !== undefined && self.tagsArray.length == self.options.maxTags)) {
-                        self.input.val("");
-                    }
-                    else if (self.options.allowNewTags && $(this).val().length >= self.options.minLength) {
-                        self._addTag($(this).val());
-                    }
-                }
-
-                if (self.options.maxLength !== undefined && self.input.val().length == self.options.maxLength) {
-                    e.preventDefault();
-                }
-
-                if (lastLi.hasClass('selected'))
-                    lastLi.removeClass('selected');
-
-                self.lastKey = e.which;
-            });
-
-            this.input.bind("paste", function (e) {
-                if (self.options.blurOnPaste) {
-                    var input = $(this);
-                    self.timer = setTimeout(function () { input.blur(); }, 0);
-                }
-            });
-
-            //setup blur handler
-            this.input.blur(function (e) {
-                self.currentLabel = $(this).val();
-                self.currentValue = $(this).data('value');
-                if (self.options.allowNewTags) {
-                    self.timer = setTimeout(function () {
-                        self._addTag(self.currentLabel, self.currentValue);
-                        self.currentValue = '';
-                        self.currentLabel = '';
-                    }, 400);
-                }
-                $(this).val('').removeData('value');
-                return false;
-            });
-
-            //define missing trim function for strings
-            if (!String.prototype.trim) {
-                String.prototype.trim = function () {
-                    return this.replace(/^\s+|\s+$/g, '');
-                };
-            }
-
-            if (this.options.select) {
-                this.select = $('<select class="tagit-hiddenSelect" name="' +
-                    (this.element.attr('name') || this.element.data('name')) +
-                    '" multiple="multiple"></select>');
-                this.element.after(this.select);
-            }
-            this._initialTags();
-
-            //setup sortable handler
-            if (self.options.sortable !== false) {
-
-                var soptions = {
-                    items:'.tagit-choice',
-                    containment:'parent',
-                    opacity: 0.6,
-                    tolerance: 'pointer',
-                    start:function (event, ui) {
-                        self._sortable.tag = $(ui.item);
-                        self._sortable.origIndex = self._sortable.tag.index();
-                    },
-                    update:function (event, ui) {
-                        self._sortable.newIndex = self._sortable.tag.index();
-                        self._moveTag(self._sortable.origIndex, self._sortable.newIndex);
-                        if(self.options.tagsChanged){
-                            var tag = self.tagsArray[self._sortable.newIndex];
-                            self.options.tagsChanged(tag.value, 'moved', tag.element);
-                        }
-                    }
-                };
-
-                if (self.options.sortable == 'handle') {
-                    soptions.handle = 'a.ui-icon';
-                    soptions.cursor = 'move';
-                }
-
-                self.element.sortable(soptions);
-            }
-
-        },
-
-        _popSelect:function (tag) {
-            $('option:eq(' + tag.index + ')', this.select).remove();
-            this.select.change();
-        },
-
-        _addSelect:function (tag) {
-            this.select.append('<option selected="selected" value="' + tag.value + '">' + tag.label + '</option>');
-            this.select.change();
-        },
-
-        _popTag:function (tag) {
-
-            //are we removing the last tag or a specific tag?
-            if (tag === undefined)
-                tag = this.tagsArray.pop();
-            else
-                this.tagsArray.splice(tag.index, 1);
-
-
-            //maintain the indexes
-            for (var ind in this.tagsArray)
-                this.tagsArray[ind].index = ind;
-
-            if (this.options.select)
-                this._popSelect(tag);
-            if (this.options.tagsChanged)
-                this.options.tagsChanged(tag.value || tag.label, 'popped', tag);
-            return;
-        },
-
-        _addTag:function (label, value) {
-            this.input.autocomplete('close').val("");
-
-            //are we trying to add a tag that should be split?
-            if (this._splitAt && label.search(this._splitAt) > 0) {
-                var result = label.split(this._splitAt);
-                for (var i = 0; i < result.length; i++)
-                    this._addTag(result[i], value);
-                return;
-            }
-
-            label = label.replace(/,+$/, "").trim();
-
-            if (label == "")
-                return false;
-
-            var tagExists = this._exists(label, value);
-            if (tagExists !== false) {
-                this._highlightExisting(tagExists);
-                return false;
-            }
-
-            var tag = this.tag(label, value);
-            tag.element = $('<li class="tagit-choice"'
-                + (value !== undefined ? ' tagValue="' + value + '"' : '') + '>'
-                + (this.options.sortable == 'handle' ? '<a class="ui-icon ui-icon-grip-dotted-vertical" style="float:left"></a>' : '')
-                + label + '<a class="tagit-close">x</a></li>');
-            tag.element.insertBefore(this.input.parent());
-            this.tagsArray.push(tag);
-
-            this.input.val("");
-
-            if (this.options.select)
-                this._addSelect(tag);
-            if (this.options.tagsChanged)
-                this.options.tagsChanged(tag.label, 'added', tag.element);
-            return true;
-        },
-
-        _exists:function (label, value) {
-            if (this.tagsArray.length == 0)
-                return false;
-
-            label = this._lowerIfCaseInsensitive(label);
-            value = this._lowerIfCaseInsensitive(value);
-
-            for (var ind in this.tagsArray) {
-                if (this._lowerIfCaseInsensitive(this.tagsArray[ind].label) == label) {
-                    if (value !== undefined) {
-                        if (this._lowerIfCaseInsensitive(this.tagsArray[ind].value) == value)
-                            return ind;
-                    } else {
-                        return ind;
-                    }
-                }
-            }
-
-            return false;
-        },
-
-        _highlightExisting:function (index) {
-            if (this.options.highlightOnExistColor === undefined)
-                return;
-            var tag = this.tagsArray[index];
-            tag.element.stop();
-
-            var initialColor = tag.element.css('color');
-            tag.element.animate({color:this.options.highlightOnExistColor}, 100).animate({'color':initialColor}, 800);
-        },
-
-        _isInitKey:function (keyCode) {
-            var keyName = "";
-            for (var key in this._keys)
-                if ($.inArray(keyCode, this._keys[key]) != -1)
-                    keyName = key;
-
-            if ($.inArray(keyName, this.options.triggerKeys) != -1)
-                return true;
-            return false;
-        },
-
-        _isTabKey:function (keyCode) {
-            var tabKeys = this._keys['tab'];
-            return $.inArray(keyCode, tabKeys) > -1;
-        },
-
-        _removeTag:function () {
-            this._popTag();
-            this.element.children(".tagit-choice:last").remove();
-        },
-
-        _backspace:function (li) {
-            if (this.input.val() == "") {
-                // When backspace is pressed, the last tag is deleted.
-                if (this.lastKey == this._keys.backspace) {
-                    this._popTag();
-                    li.remove();
-                    this.lastKey = null;
-                } else {
-                    li.addClass('selected');
-                    this.lastKey = this._keys.backspace;
-                }
-            }
-            return true;
-        },
-
-        _initialTags:function () {
-            var input = this;
-            var _temp;
-            if (this.options.tagsChanged)
-                _temp = this.options.tagsChanged;
-            this.options.tagsChanged = null;
-
-            if (this.options.initialTags.length != 0) {
-                $(this.options.initialTags).each(function (i, element) {
-                    if (typeof (element) == "object")
-                        input._addTag(element.label, element.value);
-                    else
-                        input._addTag(element);
-                });
-            }
-            this.options.tagsChanged = _temp;
-        },
-
-        _lowerIfCaseInsensitive:function (inp) {
-
-            if (inp === undefined || typeof(inp) != typeof("a"))
-                return inp;
-
-            if (this.options.caseSensitive)
-                return inp;
-
-            return inp.toLowerCase();
-
-        },
-
-        _moveTag: function (old_index, new_index) {
-            this.tagsArray.splice(new_index, 0, this.tagsArray.splice(old_index, 1)[0]);
-            for (var ind in this.tagsArray)
-                this.tagsArray[ind].index = ind;
-
-            if(this.options.select){
-                $('option:eq(' + old_index + ')', this.select).insertBefore($('option:eq(' + new_index + ')', this.select));
-            }
-        },
-        tags:function () {
-            return this.tagsArray;
-        },
-
-        destroy:function () {
-            $.Widget.prototype.destroy.apply(this, arguments); // default destroy
-            this.tagsArray = [];
-        },
-
-        reset:function () {
-            this.element.find(".tagit-choice").remove();
-            this.tagsArray = [];
-            if (this.options.select) {
-                this.select.children().remove();
-                this.select.change();
-            }
-            this._initialTags();
-            if (this.options.tagsChanged)
-                this.options.tagsChanged(null, 'reset', null);
-        },
-
-        fill:function (tags) {
-
-            if (tags !== undefined)
-                this.options.initialTags = tags;
-            this.reset();
-        },
-
-        add:function (label, value) {
-            if(typeof(label) == "object")
-                return this._addTag(label.label, label.value);
-            else
-                return this._addTag(label, value);
-        },
-
-        autocomplete: function(){
-            return this.input.data("autocomplete");
-        },
-
-        tag:function (label, value, element) {
-            var self = this;
-            return {
-                label:label,
-                value:(value === undefined ? label : value),
-                element:element,
-                index:self.tagsArray.length
-            };
-        },
-
-        remove:function (label, value) {
-            if (this.tagsArray.length == 0)
-                return false;
-
-            label = this._lowerIfCaseInsensitive(label);
-            value = this._lowerIfCaseInsensitive(value);
-
-            for (var i = 0; i < this.tagsArray.length; i++) {
-                if (this._lowerIfCaseInsensitive(this.tagsArray[i].value) == value || this._lowerIfCaseInsensitive(this.tagsArray[i].label) == label) {
-                    break;
-                }
-            }
-
-            if (i >= 0 && i < this.tagsArray.length) {
-                var tag = this.tagsArray[i];
-                tag.element.remove();
-                this._popTag(tag);
-                return true;
-            }
-            return false;
-        }
-
-
-    });
-})(jQuery);

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

@@ -1,135 +0,0 @@
-.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;
-}