<commit_before># # app/assets/javascripts/components/song.js.coffee
pageScroll = () ->
  $('.tabs').animate({scrollTop: 10000000}, 10000000)

$(document).on "click", "#play", ->
  console.log("scrolling!!")
  pageScroll()


@Song = React.createClass
  getInitialState: ->
    song: @props.songData
    my_favorite: @props.favoriteData
  getDefaultProps: ->
    song: ""
    artist: ""
    my_favorite: ""
  render: ->
    React.DOM.div
      className: 'song_holder'
      React.DOM.h3
        className: 'small-1 columns favorite centered'
        id: 'favorite'
        @state.my_favorite
        if @state.my_favorite == " ❤️"
          console.log("It's a favorite")
        else
          console.log("Not a favorite")
      React.DOM.h2
        className: 'cursive-font small-6 columns'
        @state.song.name
      React.DOM.h3
        className: 'small-1 columns skinny-font'
        id: 'play'
        "play!"
      React.DOM.h2
        className: 'tabs small-8 large-8 columns'
        for i in @state.song.lyrics_tabs.split("|")
          React.DOM.p
            className: 'line'
            i
      React.DOM.div
        className: 'chords small-4 large-4 columns'
        for i in @state.song.sticky_tabs.split(" ")
          React.DOM.img
            className: 'small-6 large-4 columns '
            id: i
            src: i<commit_msg>now have a scrolling stop button<commit_after># # app/assets/javascripts/components/song.js.coffee
pageScroll = () ->
  $('.tabs').animate({scrollTop: 10000000}, 10000000)

$(document).on "click", "#play", ->
  console.log("scrolling!!")
  pageScroll()

$(document).on "click", "#stop", ->
  console.log("stop!!")
  $('.tabs').stop()


@Song = React.createClass
  getInitialState: ->
    song: @props.songData
    my_favorite: @props.favoriteData
  getDefaultProps: ->
    song: ""
    artist: ""
    my_favorite: ""
  render: ->
    React.DOM.div
      className: 'song_holder'
      React.DOM.h3
        className: 'small-1 columns favorite centered'
        id: 'favorite'
        @state.my_favorite
        if @state.my_favorite == " ❤️"
          console.log("It's a favorite")
        else
          console.log("Not a favorite")
      React.DOM.h2
        className: 'cursive-font small-6 columns'
        @state.song.name
      React.DOM.h3
        className: 'small-1 columns skinny-font'
        id: 'play'
        "play!"
      React.DOM.h3
        className: 'small-1 columns skinny-font'
        id: 'stop'
        "stop!"
      React.DOM.h2
        className: 'tabs small-8 large-8 columns'
        for i in @state.song.lyrics_tabs.split("|")
          React.DOM.p
            className: 'line'
            i
      React.DOM.div
        className: 'chords small-4 large-4 columns'
        for i in @state.song.sticky_tabs.split(" ")
          React.DOM.img
            className: 'small-6 large-4 columns '
            id: i
            src: i
{'fraction_non_alphanumeric': 0.1387839230504981, 'fraction_numerical': 0.020611473720371008, 'mean_word_length': 2.0144927536231885, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 14, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 4, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2759893', 'n_tokens_mistral': 979, 'n_tokens_neox': 952, 'n_words': 201}