swaathi

def search
	@songs = Song.search(params[:query])
	if request.xhr?
		render :json => @songs.to_json
	else
		render :index
	end
end

swaathi

<p id="notice"><%= notice %></p>

<h1>Listing Songs</h1>

<%= react_component "SongsContainer", { songsPath: songs_path(:json), searchPath: search_path } %>
<%= link_to 'New Song', new_song_path %>

swaathi

var SongsContainer = React.createClass({
	componentWillMount(){
		this.fetchSongs();
	},

	fetchSongs() {

		$.ajax({
	      url: this.props.songsPath,
	      

swaathi

var Songs = React.createClass({
	render() {
		var showSongs = (song) => <Song name={song.name} artist={song.artist} key={song.id}/>;
		return <ul>{this.props.songs.map(showSongs)}</ul>;
	}
});

swaathi

var Song = React.createClass({
	render () {
		return (
			<div>
		        <h4>{ this.props.artist } sang:</h4>
		        <p>{ this.props.name }</p>
		    </div>
			)
	}
});

swaathi

var SongsSearch = React.createClass({
	render () {
		return (
			<div>
				<form ref="form" action={ this.props.searchPath } acceptCharset="UTF-8" method="get">
				<p><input ref="query" name="query" placeholder="Search here." onChange={ this.props.submitPath } /></p>
				</form>

				<a href="#" onClick={ this.props.cancelPath }>Cancel</a>
			</div>

swaathi

getNames: function(people) {
  var length = people.length;

  if (length == 0) {
    return "";
  } else if (length == 1) {
    return people[0].name;
  } else if (length == 2) {
    return people[0].name + " and " + people[1].name;
  } else {

swaathi

# In your controller use the Rails in-built function, send_file to send the file to your browser for preview. 
# Specify the filepath of your file in the send_file function.

def preview
    send_file "#{Rails.root}/uploads/pictures/#{@file.name}"
end

swaathi

class Time
	# Adds an offset to your time
	# So you can go from
	# Fri, 22 Jul 2016 07:56:38 UTC +00:00
	# To,
	# Fri, 22 Jul 2016 13:26:38 UTC +00:00
	#
	# Example,
	# t = Time.now.utc
	# => Fri, 22 Jul 2016 07:56:38 UTC +00:00

swaathi

require 'fileutils'
require 'securerandom'

directory = File.expand_path File.dirname(__FILE__)
textfiles = "#{directory}/textfiles"
FileUtils::mkdir_p textfiles

Dir["#{directory}/*.scss"].each do |file|
  file_content = File.new(file, "r").read
  rgbas = file_content.scan(/rgba\(([0-9, ]*)/)