9 | Round
10 |
11 | {this.model().get('current_round')}
12 |
13 |
`
14 |
15 |
16 | @transferPropsTo `{this.props.children}
20 | `
21 |
--------------------------------------------------------------------------------
/app/controllers/registrations_controller.rb:
--------------------------------------------------------------------------------
1 | class RegistrationsController < Devise::RegistrationsController
2 | protected
3 |
4 | # This is called by Devise's registrations contolonly after a successful
5 | # sign up. We override it here so we can send a welcome email.
6 | def sign_up(resource_name, resource)
7 | super
8 |
9 | UserMailer.welcome(resource).deliver
10 | DeliverEmailJob.enqueue("UserMailer", "welcome", resource.id)
11 | end
12 |
13 | def after_sign_up_path_for(resource)
14 | edit_profile_path(new_user: true, for_game: params[:for_game])
15 | end
16 | end
17 |
--------------------------------------------------------------------------------
/app/models/link.rb:
--------------------------------------------------------------------------------
1 | class Link < ActiveRecord::Base
2 | belongs_to :game
3 | belongs_to :source, class_name: Node
4 | belongs_to :target, class_name: Node
5 | has_many :resemblances, dependent: :destroy
6 |
7 | def round
8 | target.round
9 | end
10 |
11 | def player_resemblance(user)
12 | resemblances.with_state(:proposed).where(creator: user).take unless !user
13 | end
14 |
15 | def final_resemblance
16 | resemblances.with_state(:final).take
17 | end
18 |
19 | def viewable_resemblance(user)
20 | final_resemblance || player_resemblance(user)
21 | end
22 | end
23 |
--------------------------------------------------------------------------------
/vendor/assets/stylesheets/bourbon/helpers/_gradient-positions-parser.scss:
--------------------------------------------------------------------------------
1 | @function _gradient-positions-parser($gradient-type, $gradient-positions) {
2 | @if $gradient-positions
3 | and ($gradient-type == linear)
4 | and (type-of($gradient-positions) != color) {
5 | $gradient-positions: _linear-positions-parser($gradient-positions);
6 | }
7 | @else if $gradient-positions
8 | and ($gradient-type == radial)
9 | and (type-of($gradient-positions) != color) {
10 | $gradient-positions: _radial-positions-parser($gradient-positions);
11 | }
12 | @return $gradient-positions;
13 | }
14 |
--------------------------------------------------------------------------------
/config/initializers/wrap_parameters.rb:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 |
3 | # This file contains settings for ActionController::ParamsWrapper which
4 | # is enabled by default.
5 |
6 | # Enable parameter wrapping for JSON. You can disable this by setting :format to an empty array.
7 | ActiveSupport.on_load(:action_controller) do
8 | wrap_parameters format: [:json] if respond_to?(:wrap_parameters)
9 | end
10 |
11 | # To enable root element in JSON for ActiveRecord objects.
12 | # ActiveSupport.on_load(:active_record) do
13 | # self.include_root_in_json = true
14 | # end
15 |
--------------------------------------------------------------------------------
/vendor/assets/stylesheets/bourbon/css3/_transform.scss:
--------------------------------------------------------------------------------
1 | @mixin transform($property: none) {
2 | // none |
15 |
`
17 |
--------------------------------------------------------------------------------
/config/initializers/secret_token.rb:
--------------------------------------------------------------------------------
1 | # Be sure to restart your server when you modify this file.
2 |
3 | # Your secret key is used for verifying the integrity of signed cookies.
4 | # If you change this key, all old signed cookies will become invalid!
5 |
6 | # Make sure the secret is at least 30 characters and all random,
7 | # no regular words or you'll be exposed to dictionary attacks.
8 | # You can use `rake secret` to generate a secure secret key.
9 |
10 | # Make sure your secret_key_base is kept private
11 | # if you're sharing your code publicly.
12 | Sembl::Application.config.secret_key_base = ENV["SECRET_KEY_BASE"]
13 |
--------------------------------------------------------------------------------
/vendor/assets/stylesheets/bourbon/helpers/_radial-positions-parser.scss:
--------------------------------------------------------------------------------
1 | @function _radial-positions-parser($gradient-pos) {
2 | $shape-size: nth($gradient-pos, 1);
3 | $pos: nth($gradient-pos, 2);
4 | $shape-size-spec: _shape-size-stripper($shape-size);
5 |
6 | $pre-spec: unquote(if($pos, "#{$pos}, ", null))
7 | unquote(if($shape-size, "#{$shape-size},", null));
8 | $pos-spec: if($pos, "at #{$pos}", null);
9 |
10 | $spec: "#{$shape-size-spec} #{$pos-spec}";
11 |
12 | // Add comma
13 | @if ($spec != ' ') {
14 | $spec: "#{$spec},"
15 | }
16 |
17 | @return $pre-spec $spec;
18 | }
19 |
--------------------------------------------------------------------------------
/bin/setup:
--------------------------------------------------------------------------------
1 | #!/bin/bash
2 |
3 | # Set up Rails app. Run this script immediately after cloning the codebase.
4 |
5 | # Set up Ruby dependencies
6 | bundle install -j4
7 |
8 | # Set up staging and production git remotes
9 | git remote add production git@heroku.com:sembl.git
10 |
11 | # Copy config files into place
12 | cp .env.example .env
13 |
14 | sed -i '/^SECRET_KEY_BASE=/d' .env
15 | bin/rake secret | awk '{print "SECRET_KEY_BASE=" $0}' >> .env
16 |
17 | sed -i '/^PORT=/d' .env
18 | 'PORT="3000"' >> .env
19 |
20 | cp config/database.example.yml config/database.yml
21 |
22 | # Set up database
23 | bundle exec rake db:setup
24 |
--------------------------------------------------------------------------------
/app/assets/javascripts/views/board/board_link_view.js.coffee:
--------------------------------------------------------------------------------
1 | class Sembl.BoardLinkView extends Backbone.RaphaelView
2 | el: ->
3 | @paper.path().toBack()
4 | .attr
5 | "stroke": "#999"
6 | "stroke-width": "4px"
7 |
8 | initialize: (options) ->
9 | @listenTo @model, "change", @render
10 | @listenTo @model.source, "change", @render
11 | @listenTo @model.target, "change", @render
12 | @listenTo @model, "remove", @remove
13 | @render()
14 |
15 | render: ->
16 | @el.attr path: "M#{@model.source.get("x")},#{@model.source.get("y")}L#{@model.target.get("x")},#{@model.target.get("y")}"
17 |
--------------------------------------------------------------------------------
/app/controllers/sessions_controller.rb:
--------------------------------------------------------------------------------
1 | class SessionsController < Devise::SessionsController
2 | # POST /resource/sign_in
3 | def create
4 | self.resource = warden.authenticate!(auth_options)
5 |
6 | if resource.banned?
7 | flash[:notice] = "You have been banned from this site. Please contact the site administrator."
8 | sign_out(resource)
9 | redirect_to root_path
10 | else
11 | set_flash_message(:notice, :signed_in) if is_navigational_format?
12 | sign_in(resource_name, resource)
13 | respond_with resource, :location => after_sign_in_path_for(resource)
14 | end
15 | end
16 | end
17 |
--------------------------------------------------------------------------------
/db/migrate/20131029040046_split_board_game_attributes_into_nodes_and_links.rb:
--------------------------------------------------------------------------------
1 | require "pp"
2 |
3 | class SplitBoardGameAttributesIntoNodesAndLinks < ActiveRecord::Migration
4 | def up
5 | add_column :boards, :nodes_attributes, :json, null: false, default: "[{\"round\": 0}]"
6 | add_column :boards, :links_attributes, :json, null: false, default: "[]"
7 |
8 | Board.find_each do |board|
9 | json = JSON.parse(board.game_attributes)
10 | board.nodes_attributes = json["nodes"]
11 | board.links_attributes = json["links"]
12 | board.save!
13 | end
14 |
15 | remove_column :boards, :game_attributes
16 | end
17 | end
18 |
--------------------------------------------------------------------------------
/app/assets/javascripts/views/components/graph/nodes.js.jsx.coffee:
--------------------------------------------------------------------------------
1 | ###* @jsx React.DOM ###
2 |
3 | Node = React.createClass
4 | render: ->
5 | {node, nodeFactory} = @props
6 | style =
7 | left: Math.round node.x
8 | top: Math.round node.y
9 |
10 | `
11 | {nodeFactory.createComponent(node)}
12 |
`
13 |
14 | Sembl.Components.Graph.Nodes = React.createClass
15 | render: ->
16 | nodes = for node in @props.nodes
17 | `
19 | {nodes}
20 |
`
21 |
--------------------------------------------------------------------------------
/app/models/rating.rb:
--------------------------------------------------------------------------------
1 | class Rating < ActiveRecord::Base
2 | belongs_to :resemblance
3 | belongs_to :creator, class_name: "User"
4 |
5 | validate :cannot_belong_to_creator
6 | after_create :update_resemblance_score
7 | after_save :update_resemblance_score
8 |
9 | def cannot_belong_to_creator
10 | if creator == resemblance.creator
11 | errors.add(:base, "You cannot rate your own sembl.")
12 | end
13 | end
14 |
15 | def update_resemblance_score
16 | resemblance.calculate_score
17 | resemblance.save!
18 | end
19 |
20 | def self.for_game(game)
21 | joins(:resemblance => :link).where("links.game_id = ?", game.id)
22 | end
23 | end
24 |
--------------------------------------------------------------------------------
/spec/factories/nodes.rb:
--------------------------------------------------------------------------------
1 | # Read about factories at https://github.com/thoughtbot/factory_girl
2 |
3 | FactoryGirl.define do
4 | factory :node do
5 | factory :node_with_final_placements do
6 | state {'filled'}
7 | after(:create) do |node|
8 | FactoryGirl.create(:placement, node: node, state: 'final', thing: FactoryGirl.create(:thing))
9 | end
10 | end
11 |
12 | factory :node_with_proposed_placements do
13 | state {'in_play'}
14 | after(:create) do |node|
15 | FactoryGirl.create(:placement, node: node, state: 'proposed', thing: FactoryGirl.create(:thing))
16 | end
17 | end
18 | end
19 |
20 |
21 | end
22 |
--------------------------------------------------------------------------------
/app/assets/javascripts/views/games/move/gallery_thing_modal.js.jsx.coffee:
--------------------------------------------------------------------------------
1 | #= require views/components/thing_modal
2 |
3 | ###* @jsx React.DOM ###
4 |
5 | {ThingModal} = Sembl.Components
6 |
7 | @Sembl.Games.Move.GalleryThingModal = React.createClass
8 | handlePlaceThing: ->
9 | $(window).trigger('move.gallery.selectTargetThing', @props.thing)
10 | $(window).trigger('modal.close')
11 |
12 | render: () ->
13 | thing = @props.thing
14 | `
15 | {filled ? viewableResemblance.description : 'filled'}
16 |
`
17 | else
18 | `
19 | unfilled
20 |
`
21 |
22 | child = this.props.children || defaultChild
23 | `
24 | {child}
25 |
`
26 |
--------------------------------------------------------------------------------
/app/policies/application_policy.rb:
--------------------------------------------------------------------------------
1 | class ApplicationPolicy
2 | attr_reader :user, :record
3 |
4 | def initialize(user, record)
5 | @user = user
6 | @record = record
7 | end
8 |
9 |
10 | def index?
11 | false
12 | end
13 |
14 | def show?
15 | scope.where(:id => record.id).exists?
16 | end
17 |
18 | def create?
19 | false
20 | end
21 |
22 | def new?
23 | create?
24 | end
25 |
26 | # As a default users can update what they have created
27 | def update?
28 | user.id == record.creator_id
29 | end
30 |
31 | def edit?
32 | update?
33 | end
34 |
35 | # As a default users can destroy what they have created
36 | def destroy?
37 | user.id == record.creator_id
38 | end
39 |
40 | def scope
41 | Pundit.policy_scope!(user, record.class)
42 | end
43 | end
44 |
45 |
--------------------------------------------------------------------------------
/vendor/assets/stylesheets/bourbon/functions/_transition-property-name.scss:
--------------------------------------------------------------------------------
1 | // Return vendor-prefixed property names if appropriate
2 | // Example: transition-property-names((transform, color, background), moz) -> -moz-transform, color, background
3 | //************************************************************************//
4 | @function transition-property-names($props, $vendor: false) {
5 | $new-props: ();
6 |
7 | @each $prop in $props {
8 | $new-props: append($new-props, transition-property-name($prop, $vendor), comma);
9 | }
10 |
11 | @return $new-props;
12 | }
13 |
14 | @function transition-property-name($prop, $vendor: false) {
15 | // put other properties that need to be prefixed here aswell
16 | @if $vendor and $prop == transform {
17 | @return unquote('-'+$vendor+'-'+$prop);
18 | }
19 | @else {
20 | @return $prop;
21 | }
22 | }
--------------------------------------------------------------------------------
/config/locales/simple_form.en.yml:
--------------------------------------------------------------------------------
1 | en:
2 | simple_form:
3 | "yes": 'Yes'
4 | "no": 'No'
5 | required:
6 | text: 'required'
7 | mark: '*'
8 | # You can uncomment the line below if you need to overwrite the whole required html.
9 | # When using html, text and mark won't be used.
10 | # html: '*'
11 | error_notification:
12 | default_message: "Please review the problems below:"
13 | # Labels and hints examples
14 | # labels:
15 | # defaults:
16 | # password: 'Password'
17 | # user:
18 | # new:
19 | # email: 'E-mail to sign in.'
20 | # edit:
21 | # email: 'E-mail.'
22 | # hints:
23 | # defaults:
24 | # username: 'User name to sign in.'
25 | # password: 'No special characters, please.'
26 |
27 |
--------------------------------------------------------------------------------
/app/assets/javascripts/views/games/rate/resemblance.js.jsx.coffee:
--------------------------------------------------------------------------------
1 | ###* @jsx React.DOM ###
2 |
3 | @Sembl.Games.Rate.Resemblance = React.createClass
4 | render: ->
5 | sembl = @props.link.get('viewable_resemblance')
6 |
7 | scoreClass = @props.link.scoreClass(true) # Use the user supplied rating, not the average.
8 | child = if @props.link.active
9 | `
10 |
11 |
`
17 | else
18 | ``
19 |
20 | `
12 |
16 |
13 | {sembl.description}
14 |
15 |
21 | {child}
22 |
`
23 |
24 |
--------------------------------------------------------------------------------
/vendor/assets/stylesheets/bourbon/functions/_radial-gradient.scss:
--------------------------------------------------------------------------------
1 | // This function is required and used by the background-image mixin.
2 | @function radial-gradient($G1, $G2,
3 | $G3: false, $G4: false,
4 | $G5: false, $G6: false,
5 | $G7: false, $G8: false,
6 | $G9: false, $G10: false,
7 | $pos: null,
8 | $shape-size: null) {
9 |
10 | $data: _radial-arg-parser($G1, $G2, $pos, $shape-size);
11 | $G1: nth($data, 1);
12 | $G2: nth($data, 2);
13 | $pos: nth($data, 3);
14 | $shape-size: nth($data, 4);
15 |
16 | $type: radial;
17 | $gradient: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);
18 |
19 | $type-gradient: $type, $shape-size $pos, $gradient;
20 | @return $type-gradient;
21 | }
22 |
23 |
24 |
--------------------------------------------------------------------------------
/Vagrantfile:
--------------------------------------------------------------------------------
1 | VAGRANTFILE_API_VERSION = '2'
2 |
3 | Vagrant.configure(VAGRANTFILE_API_VERSION) do |config|
4 | config.hostmanager.enabled = true
5 | config.hostmanager.manage_host = true
6 |
7 | config.ssh.forward_agent = true
8 |
9 | config.vm.box = 'bento/ubuntu-16.04'
10 | config.vm.box_download_insecure = true
11 |
12 | config.vm.hostname = 'sembl.dev'
13 | config.vm.network 'private_network', ip: '172.17.145.2'
14 |
15 | config.vm.provision :ansible do |ansible|
16 | ansible.host_key_checking = false
17 | ansible.inventory_path = 'prov/vagrant'
18 | ansible.limit = 'all'
19 | ansible.playbook = 'prov/vagrant.yml'
20 | end
21 |
22 | config.vm.provider :virtualbox do |v|
23 | v.memory = 1024
24 | v.cpus = 2
25 | end
26 |
27 | config.vm.synced_folder '.', '/vagrant', rsync: true # FIXME ideally this should be NFS
28 | end
29 |
--------------------------------------------------------------------------------
/spec/factories/boards.rb:
--------------------------------------------------------------------------------
1 | FactoryGirl.define do
2 | factory :board do
3 | title { "#{Forgery(:lorem_ipsum).word} #{number_of_players}" }
4 | number_of_players { (2..6).to_a.sample }
5 | nodes_attributes { '[{"y":600.0,"x":412.4031007751938,"fixed":1,"round":0},{"y":424.03846153846155,"x":800.0,"fixed":1,"round":1},{"y":288.46153846153845,"x":257.36434108527135,"fixed":1,"round":1},{"y":400.96153846153845,"x":0.0,"fixed":1,"round":1},{"y":0.0,"x":741.0852713178296,"fixed":1,"round":2},{"y":14.423076923076923,"x":120.93023255813954,"fixed":1,"round":2},{"y":279.8076923076923,"x":579.8449612403101,"fixed":1,"round":3}]' }
6 | links_attributes { '[{"source":0,"target":1},{"source":0,"target":2},{"source":0,"target":3},{"source":1,"target":4},{"source":2,"target":4},{"source":2,"target":5},{"source":3,"target":5},{"source":4,"target":6},{"source":5,"target":6},{"source":0,"target":6}]' }
7 | end
8 | end
9 |
--------------------------------------------------------------------------------
/app/assets/javascripts/views/games/move/upload_modal.js.jsx.coffee:
--------------------------------------------------------------------------------
1 | #= require views/games/move/gallery_thing_modal
2 | #= require views/games/setup/steps/step_upload
3 |
4 | ###* @jsx React.DOM ###
5 |
6 | # TODO: This is not hooked up to anything
7 |
8 | {GalleryThingModal} = Sembl.Games.Move
9 | {StepUpload} = Sembl.Games.Setup
10 |
11 | @Sembl.Games.Move.UploadModal = React.createClass
12 | galleryClickEvent: "move.upload.gallery.click"
13 |
14 | componentDidMount: ->
15 | $(window).on(@galleryClickEvent, @handleGalleryClick)
16 |
17 | componentWillUnmount: ->
18 | $(window).off(@galleryClickEvent, @handleGalleryClick)
19 |
20 | handleGalleryClick: (event, thing) ->
21 | $(window).trigger('modal.open', `{subDescription}
`
25 | else
26 | ""
27 |
28 |
29 | `
30 |
22 |
23 |
`
31 |
--------------------------------------------------------------------------------
/app/views/game_mailer/game_stale_and_incomplete_player_set.text.erb:
--------------------------------------------------------------------------------
1 | <% if @game.number_of_players == 12 -%>
2 | Hola, intrepid Sembler.
3 |
4 | Good on you for joining the 12-player game, ‘<%= @game.title %>’ on the largest and most complex board. Love!
5 |
6 | So far, <%= @game.players.count %> players have joined the game (including your good self), so you need <%= @game.number_of_players - @game.players.count %> more. Want to invite others to join you on this epic game adventure? Send them a link:
7 | <% else -%>
8 | Hola, Sembler.
9 |
10 | So far, <%= @game.players.count %> players have joined the open game '<%= @game.title %>' (including your good self), and to play it, you need <%= @game.number_of_players - @game.players.count %>. Because this game has not reached capacity, it has been removed from the list of open games.
11 |
12 | No need to worry; the game can still go on! You will see it listed under 'Games you're playing', and you can invite others to join you by sending them a link:
13 | <% end -%>
14 |
15 | <%= game_url(@game) %>
16 |
17 | Regards,
18 |
19 | - Sembl
20 |
21 |
22 |
23 | If you have a question, comment or concern, please email feedback@sembl.net or tweet @semblnet
24 |
--------------------------------------------------------------------------------
/app/assets/javascripts/views/utils/animation_item.js.jsx.coffee:
--------------------------------------------------------------------------------
1 | #= require react
2 | #= require jquery
3 | #= require views/utils/transition_ender
4 | #= require request_animation_frame
5 |
6 | ###* @jsx React.DOM ###
7 |
8 | @Sembl.Utils.AnimationItem = React.createClass
9 | componentWillEnter: (done) ->
10 | @$el = $(@getDOMNode())
11 | @$el.addClass("#{@props.prefix}-enter")
12 |
13 | requestAnimationFrame =>
14 | @$el.addClass("#{@props.prefix}-enter-active")
15 | new Sembl.Utils.TransitionEnder(@$el, done)
16 | componentDidEnter: ->
17 | @$el
18 | .removeClass("#{@props.prefix}-enter")
19 | .removeClass("#{@props.prefix}-enter-active")
20 |
21 | componentWillLeave: (done) ->
22 | @$el = $(@getDOMNode())
23 | @$el.addClass("#{@props.prefix}-leave")
24 | requestAnimationFrame =>
25 | @$el.addClass("#{@props.prefix}-leave-active")
26 | new Sembl.Utils.TransitionEnder(@$el, done)
27 | componentDidLeave: ->
28 | @$el
29 | .removeClass("#{@props.prefix}-leave")
30 | .removeClass("#{@props.prefix}-leave-active")
31 | render: ->
32 | `
24 |
29 |
30 | {this.props.component}
`
33 |
--------------------------------------------------------------------------------
/app/assets/javascripts/views/components/toggle_component.js.jsx.coffee:
--------------------------------------------------------------------------------
1 | ###* @jsx React.DOM ###
2 |
3 | @Sembl.Components.ToggleComponent = React.createClass
4 | className: "toggle"
5 |
6 | componentDidMount: ->
7 | $(window).on(@props.toggleEvent, @handleToggle)
8 |
9 | componentWillUnmount: ->
10 | $(window).off(@props.toggleEvent, @handleToggle)
11 |
12 | getInitialState: () ->
13 | flag: @props.flag || false
14 |
15 | handleToggleOn: () ->
16 | @setState
17 | flag: true
18 |
19 | handleToggleOff: () ->
20 | @setState
21 | flag: false
22 |
23 | handleToggle: (event, data) ->
24 | flag = if (data && data.flag) then data.flag else !@state.flag
25 | @setState
26 | flag: flag
27 |
28 | render: () ->
29 | OnClass = @props.OnClass
30 | OffClass = @props.OffClass
31 | child =
32 | if @state.flag
33 | if OnClass
34 | if typeof(OnClass) == "function" then OnClass @props else OnClass
35 | else
36 | if OffClass
37 | if typeof(OffClass) == "function" then OffClass @props else OffClass
38 |
39 | `
40 | {child}
41 |
`
42 |
43 |
44 |
45 |
--------------------------------------------------------------------------------
/Guardfile:
--------------------------------------------------------------------------------
1 | # More info at https://github.com/guard/guard#readme
2 |
3 | guard :livereload do
4 | watch(%r{app/views/.+\.slim$})
5 | watch(%r{app/helpers/.+\.rb})
6 | watch(%r{public/.+\.(css|js|html)})
7 | watch(%r{config/locales/.+\.yml})
8 |
9 | # Rails Assets Pipeline
10 | watch(%r{(app|vendor)(/assets/\w+/(.+\.(css|less|js|html))).*}) { |m| "/assets/#{m[3]}" }
11 | end
12 |
13 | guard :rspec, cmd: "bundle exec rspec" do
14 | watch(%r{^spec/.+_spec\.rb$})
15 | watch(%r{^lib/(.+)\.rb$}) { |m| "spec/lib/#{m[1]}_spec.rb" }
16 | watch('spec/spec_helper.rb') { "spec" }
17 |
18 | # Rails example
19 | watch(%r{^app/(.+)\.rb$}) { |m| "spec/#{m[1]}_spec.rb" }
20 | watch(%r{^app/(.*)(\.slim)$}) { |m| "spec/#{m[1]}#{m[2]}_spec.rb" }
21 | watch(%r{^app/controllers/(.+)_(controller)\.rb$}) { |m| ["spec/#{m[2]}s/#{m[1]}_#{m[2]}_spec.rb", "spec/requests/#{m[1]}_spec.rb"] }
22 | watch(%r{^spec/support/(.+)\.rb$}) { "spec" }
23 | watch('app/controllers/application_controller.rb') { "spec/controllers" }
24 |
25 | # Capybara request specs
26 | watch(%r{^app/views/(.+)/.*(\.slim)$}) { |m| "spec/requests/#{m[1]}_spec.rb" }
27 | end
28 |
--------------------------------------------------------------------------------
/app/assets/stylesheets/_forms.css.sass:
--------------------------------------------------------------------------------
1 | .simple_form
2 | div.input
3 | margin-bottom: 10px
4 | clear: both
5 |
6 | label
7 | float: left
8 | width: 100px
9 | text-align: right
10 | margin: 2px 10px
11 |
12 | &.radio
13 | float: none
14 |
15 | .error
16 | clear: left
17 | color: black
18 | display: block
19 | margin-left: 120px
20 |
21 | .hint
22 | clear: left
23 | margin-left: 120px
24 | color: #555
25 | display: block
26 | font-style: italic
27 |
28 | div.boolean, input[type='submit']
29 | margin-left: 120px
30 |
31 | div.boolean label, label.collection_radio_buttons
32 | float: none
33 | margin: 0
34 |
35 | label.collection_radio_buttons
36 | margin-right: 10px
37 | vertical-align: -2px
38 | margin-left: 2px
39 |
40 | .field_with_errors
41 | background-color: #ff3333
42 |
43 | input.radio
44 | margin-right: 5px
45 | vertical-align: -3px
46 |
47 | input.check_boxes
48 | margin-left: 3px
49 | vertical-align: -3px
50 |
51 | label.collection_check_boxes
52 | float: none
53 | margin: 0
54 | vertical-align: -2px
55 | margin-left: 2px
56 |
57 | .editable-text .hidden
58 | visibility: hidden
--------------------------------------------------------------------------------
/app/assets/javascripts/views/games/setup/thumb_board_graph.js.jsx.coffee:
--------------------------------------------------------------------------------
1 | #= require views/components/graph/graph
2 |
3 | ###* @jsx React.DOM ###
4 |
5 | {Graph} = Sembl.Components.Graph
6 |
7 | class NodeFactory
8 | createComponent: (data) ->
9 | ``
10 |
11 | class MidpointFactory
12 | createComponent: (data) ->
13 | ``
14 |
15 | @Sembl.Games.Setup.ThumbBoardGraph = React.createClass
16 | render: ->
17 | board = @props.board
18 | window.board = board
19 |
20 | nodes = for node in board.nodes.models
21 | x: node.get('x')
22 | y: node.get('y')
23 |
24 | links = for link in board.links.models
25 | source:
26 | x: link.source.get('x')
27 | y: link.source.get('y')
28 | target:
29 | x: link.target.get('x')
30 | y: link.target.get('y')
31 |
32 | nodeFactory = new NodeFactory()
33 | midpointFactory = new MidpointFactory()
34 | window.board = board
35 | `
36 |
`
40 |
--------------------------------------------------------------------------------
/app/assets/javascripts/views/games/setup/overview/overview_graph_placement.js.jsx.coffee:
--------------------------------------------------------------------------------
1 | #= require views/components/thing_modal
2 |
3 | ###* @jsx React.DOM ###
4 |
5 | {ThingModal} = Sembl.Components
6 |
7 | @Sembl.Games.Setup.OverviewGraphPlacement = React.createClass
8 | handleClick: (event) ->
9 | event?.preventDefault()
10 | if @props.thing
11 | if this.props.isDraft
12 | $(window).trigger('setup.steps.add', {stepName: 'seed'})
13 | else
14 | $(window).trigger('modal.open', `{roundText}
36 |