ID25 / rails_emoji_picker

Add emoji to your app :smiley_cat:
143 stars 41 forks source link

Emoji plugin won't render for input in view #20

Open RailsCod3rFuture opened 7 years ago

RailsCod3rFuture commented 7 years ago

Can you help me figure out why it's not loading. I followed all of the steps that you have listed.


<div class="form-group">
        <div class="col-6">
          <p class="emoji-picker-container">
            <%= f.input :name, class: 'form-control', data: {emojiable: true} %>
          </p>
        </div>
      </div>
      <div class="form-group">
        <div class="col-6">
          <%= f.input :start_time, class: 'form-control' %>
        </div>
        <div class="col-2">
          <%= f.input :am_or_pm, prompt: 'AM or PM?', collection: ["AM", "PM"], class: 'form-control', label: false %>
        </div>
      </div>

      <div class="form-group">
        <div class="col-5">
          <%= f.button :submit, class: 'calendar-meeting-btn-purple', data: { disable_with: 'Creating record!...'}  %>
        </div>
      </div>
  <% end %>
</div>

<script type="text/javascript">
    $(document).on('turbolinks:load', function () {
        $(function () {
            window.emojiPicker = new EmojiPicker({
                emojiable_selector: '[data-emojiable=true]',
                assetsPath: '/assets/emoji_picker',
                popupButtonClasses: 'fa fa-smile-o'
            });
            window.emojiPicker.discover();
        });
    });
</script>