Giter Site home page Giter Site logo

bootstrap-tagsinput-rails's Introduction

Welcome to my github repository!๐Ÿ‘‹

Currently, I'm practicing endoscopy as an endoscopist at a healthcare center in South Korea.

As a hobby, I have been coding private projects with Ruby on Rails since 2011.

Recently, as a second job, I'm trying small projects in small software development company.

bootstrap-tagsinput-rails's People

Contributors

moflo avatar rorlab avatar szyablitsky avatar tsai146 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

bootstrap-tagsinput-rails's Issues

Adding data attribute creates a separate input field

When I add the tagsinput data-role to my input field a completely separate field is create and the original had is display set to none.

_edit_fields.html.slim

p
  label
    | Tags
  = "     Type your tags into the field seperated by commas."
  hr
p
  = text_field :files_tags, :files_tags, value: tags.join(', '), 'data-role'=>'tagsinput', placeholder: 'Enter Tags Here', class: "form-control files_tags_input #{selector}"

generated html

<p>
  <input value="" data-role="tagsinput" placeholder="Enter Tags Here" class="form-control files_tags_input panel-input ui-autocomplete-input" type="text" name="files_tags[files_tags]" id="files_tags_files_tags" autocomplete="off" style="display: none;">
  <div class="bootstrap-tagsinput">
    <input type="text" placeholder="Enter Tags Here" style="width: 15em !important;" size="15">
  </div>
</p>

Is it possible to use a datalist?

How can I hook in a datalist to the input and stream information from a model?

<%= user_profile.input :tag_list, class: 'form-control', label: false, input_html: {data: {role: 'tagsinput'}}, placeholder: 'Add up to 6 tags' %>
            <datalist id="ability-tags">
              <% User.all.each do |user_tag| %>
                  <option value="<%= user_tag.tag %>"></option>
              <% end %>
            </datalist>

Unexpected token: punc (:) (line: 1, col: 10, pos: 10)

I'm getting an error when compiling assets for Heroku using 'asset_sync' gem.

Unexpected token: punc (:) (line: 1, col: 10, pos: 10)
       Error
       at new JS_Parse_Error (<eval>:2357:10748)
       at js_error (<eval>:2357:10967)
       at croak (<eval>:2357:19192)
       at token_error (<eval>:2357:19329)
       at unexpected (<eval>:2357:19417)
       at semicolon (<eval>:2357:19890)
       at simple_statement (<eval>:2357:22663)
       at <eval>:2357:20380
       at <eval>:2357:20063
       at block_ (<eval>:2357:24682)
       (in /tmp/build_07b8c4b7-8784-4174-a77a-589ee47ed04b/vendor/bundle/ruby/1.9.1/gems/bootstrap-tagsinput-rails-0.3.2.0/vendor/assets/javascripts/bootstrap-tagsinput.min.js.map)

Any ideas?

Version conflict on Rails 4.

Looks like it's locked to Rails 3.1. :(

Bundler could not find compatible versions for gem "railties":
  In Gemfile:
    tagsinput-rails (>= 0) ruby depends on
      railties (~> 3.1) ruby

    twitter-bootstrap-rails (>= 0) ruby depends on
      railties (4.1.0)    

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.