switch to table, add total counts

main
Ben Harris 6 months ago
parent c5b9fe77a8
commit c95a61fc05
  1. 1
      .gitignore
  2. 6
      .idea/inspectionProfiles/Project_Default.xml
  3. 219
      .idea/knockout.iml
  4. 500
      app/assets/stylesheets/simple-v1.css
  5. 1
      app/assets/stylesheets/simple.min.css
  6. 3
      app/helpers/application_helper.rb
  7. 7
      app/models/player.rb
  8. 9
      app/views/layouts/application.html.erb
  9. 4
      app/views/machines/index.html.erb
  10. 1
      app/views/pages/index.html.erb
  11. 30
      app/views/players/index.html.erb
  12. 25
      db/schema.rb

1
.gitignore vendored

@ -33,3 +33,4 @@
# Ignore master key for decrypting credentials and more.
/config/master.key
/node_modules/

@ -0,0 +1,6 @@
<component name="InspectionProjectProfileManager">
<profile version="1.0">
<option name="myName" value="Project Default" />
<inspection_tool class="Rubocop" enabled="false" level="WARNING" enabled_by_default="false" />
</profile>
</component>

@ -26,82 +26,77 @@
<excludeFolder url="file://$MODULE_DIR$/public/system" />
<excludeFolder url="file://$MODULE_DIR$/components" />
</content>
<orderEntry type="jdk" jdkName="rbenv: 3.0.2" jdkType="RUBY_SDK" />
<orderEntry type="jdk" jdkName="ruby-3.1.0-p0" jdkType="RUBY_SDK" />
<orderEntry type="sourceFolder" forTests="false" />
<orderEntry type="library" scope="PROVIDED" name="actioncable (v7.0.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="actionmailbox (v7.0.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="actionmailer (v7.0.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="actionpack (v7.0.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="actiontext (v7.0.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="actionview (v7.0.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="activejob (v7.0.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="activemodel (v7.0.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="activerecord (v7.0.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="activestorage (v7.0.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="activesupport (v7.0.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="addressable (v2.8.0, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="bindex (v0.8.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="bootsnap (v1.9.4, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="builder (v3.2.4, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="bundler (v2.2.22, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="capybara (v3.36.0, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="childprocess (v4.1.0, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="concurrent-ruby (v1.1.9, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="crass (v1.0.6, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="debug (v1.4.0, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="digest (v3.1.0, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="erubi (v1.10.0, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="globalid (v1.0.0, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="i18n (v1.8.11, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="importmap-rails (v1.0.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="io-console (v0.5.11, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="io-wait (v0.2.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="irb (v1.4.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="jbuilder (v2.11.5, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="loofah (v2.13.0, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="mail (v2.7.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="marcel (v1.0.2, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="matrix (v0.4.2, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="method_source (v1.0.0, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="mini_mime (v1.1.2, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="minitest (v5.15.0, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="msgpack (v1.4.2, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="net-imap (v0.2.3, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="net-protocol (v0.1.2, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="net-smtp (v0.3.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="nio4r (v2.5.8, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="nokogiri (v1.13.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="public_suffix (v4.0.6, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="puma (v5.5.2, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="racc (v1.6.0, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="rack (v2.2.3, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="rack-test (v1.1.0, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="rails (v7.0.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="rails-dom-testing (v2.0.3, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="rails-html-sanitizer (v1.4.2, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="railties (v7.0.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="rake (v13.0.6, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="redis (v4.5.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="regexp_parser (v2.2.0, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="reline (v0.3.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="rexml (v3.2.5, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="rubyzip (v2.3.2, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="selenium-webdriver (v4.1.0, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="sprockets (v4.0.2, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="sprockets-rails (v3.4.2, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="sqlite3 (v1.4.2, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="stimulus-rails (v1.0.2, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="strscan (v3.0.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="thor (v1.2.1, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="timeout (v0.2.0, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="turbo-rails (v1.0.0, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="tzinfo (v2.0.4, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="web-console (v4.2.0, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="webdrivers (v5.0.0, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="websocket-driver (v0.7.5, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="websocket-extensions (v0.1.5, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="xpath (v3.2.0, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="zeitwerk (v2.5.3, rbenv: 3.0.2) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="actioncable (v7.0.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="actionmailbox (v7.0.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="actionmailer (v7.0.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="actionpack (v7.0.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="actiontext (v7.0.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="actionview (v7.0.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="activejob (v7.0.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="activemodel (v7.0.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="activerecord (v7.0.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="activestorage (v7.0.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="activesupport (v7.0.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="addressable (v2.8.0, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="bindex (v0.8.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="bootsnap (v1.9.4, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="builder (v3.2.4, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="bundler (v2.2.22, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="capybara (v3.36.0, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="childprocess (v4.1.0, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="concurrent-ruby (v1.1.9, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="crass (v1.0.6, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="debug (v1.4.0, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="digest (v3.1.0, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="erubi (v1.10.0, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="globalid (v1.0.0, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="i18n (v1.8.11, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="importmap-rails (v1.0.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="irb (v1.4.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="jbuilder (v2.11.5, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="loofah (v2.13.0, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="mail (v2.7.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="marcel (v1.0.2, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="matrix (v0.4.2, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="method_source (v1.0.0, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="mini_mime (v1.1.2, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="minitest (v5.15.0, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="msgpack (v1.4.2, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="net-imap (v0.2.3, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="net-pop (v0.1.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="net-smtp (v0.3.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="nio4r (v2.5.8, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="nokogiri (v1.13.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="public_suffix (v4.0.6, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="puma (v5.5.2, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="racc (v1.6.0, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="rack (v2.2.3, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="rack-test (v1.1.0, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="rails (v7.0.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="rails-dom-testing (v2.0.3, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="rails-html-sanitizer (v1.4.2, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="railties (v7.0.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="rake (v13.0.6, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="redis (v4.5.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="regexp_parser (v2.2.0, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="rexml (v3.2.5, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="rubyzip (v2.3.2, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="selenium-webdriver (v4.1.0, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="sprockets (v4.0.2, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="sprockets-rails (v3.4.2, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="sqlite3 (v1.4.2, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="stimulus-rails (v1.0.2, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="thor (v1.2.1, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="turbo-rails (v1.0.0, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="tzinfo (v2.0.4, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="web-console (v4.2.0, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="webdrivers (v5.0.0, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="websocket-driver (v0.7.5, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="websocket-extensions (v0.1.5, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="xpath (v3.2.0, ruby-3.1.0-p0) [gem]" level="application" />
<orderEntry type="library" scope="PROVIDED" name="zeitwerk (v2.5.3, ruby-3.1.0-p0) [gem]" level="application" />
</component>
<component name="RModuleSettingsStorage">
<LOAD_PATH number="0" />
@ -110,62 +105,76 @@
<component name="RailsGeneratorsCache">
<option name="generators">
<list>
<option value="active_record:application_record" />
<option value="active_record:multi_db" />
<option value="application_record" />
<option value="benchmark" />
<option value="channel" />
<option value="active_record:migration" />
<option value="active_record:model" />
<option value="active_record:observer" />
<option value="active_record:session_migration" />
<option value="controller" />
<option value="erb:controller" />
<option value="erb:mailer" />
<option value="erb:scaffold" />
<option value="generator" />
<option value="helper" />
<option value="integration_test" />
<option value="jbuilder" />
<option value="job" />
<option value="mailbox" />
<option value="mailer" />
<option value="metal" />
<option value="migration" />
<option value="model" />
<option value="model_subclass" />
<option value="observer" />
<option value="performance_test" />
<option value="plugin" />
<option value="resource" />
<option value="scaffold" />
<option value="scaffold_controller" />
<option value="stimulus" />
<option value="system_test" />
<option value="task" />
<option value="test_unit:channel" />
<option value="test_unit:generator" />
<option value="test_unit:install" />
<option value="test_unit:mailbox" />
<option value="session_migration" />
<option value="stylesheets" />
<option value="test_unit:controller" />
<option value="test_unit:helper" />
<option value="test_unit:integration" />
<option value="test_unit:mailer" />
<option value="test_unit:model" />
<option value="test_unit:observer" />
<option value="test_unit:performance" />
<option value="test_unit:plugin" />
<option value="test_unit:scaffold" />
</list>
</option>
<option name="myGenerators">
<list>
<option value="active_record:application_record" />
<option value="active_record:multi_db" />
<option value="application_record" />
<option value="benchmark" />
<option value="channel" />
<option value="active_record:migration" />
<option value="active_record:model" />
<option value="active_record:observer" />
<option value="active_record:session_migration" />
<option value="controller" />
<option value="erb:controller" />
<option value="erb:mailer" />
<option value="erb:scaffold" />
<option value="generator" />
<option value="helper" />
<option value="integration_test" />
<option value="jbuilder" />
<option value="job" />
<option value="mailbox" />
<option value="mailer" />
<option value="metal" />
<option value="migration" />
<option value="model" />
<option value="model_subclass" />
<option value="observer" />
<option value="performance_test" />
<option value="plugin" />
<option value="resource" />
<option value="scaffold" />
<option value="scaffold_controller" />
<option value="stimulus" />
<option value="system_test" />
<option value="task" />
<option value="test_unit:channel" />
<option value="test_unit:generator" />
<option value="test_unit:install" />
<option value="test_unit:mailbox" />
<option value="session_migration" />
<option value="stylesheets" />
<option value="test_unit:controller" />
<option value="test_unit:helper" />
<option value="test_unit:integration" />
<option value="test_unit:mailer" />
<option value="test_unit:model" />
<option value="test_unit:observer" />
<option value="test_unit:performance" />
<option value="test_unit:plugin" />
<option value="test_unit:scaffold" />
</list>
</option>
</component>

@ -0,0 +1,500 @@
/* Set the global variables for everything. Change these to use your own fonts and colours. */
:root {
/* Set sans-serif & mono fonts */
--sans-font: -apple-system, BlinkMacSystemFont, "Avenir Next", Avenir,
"Nimbus Sans L", Roboto, Noto, "Segoe UI", Arial, Helvetica,
"Helvetica Neue", sans-serif;
--mono-font: Consolas, Menlo, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
/* Body font size. By default, effectively 18.4px, based on 16px as 'root em' */
--base-fontsize: 1.15rem;
/* Major third scale progression - see https://type-scale.com/ */
--header-scale: 1.25;
/* Line height is set to the "Golden ratio" for optimal legibility */
--line-height: 1.4;
/* Default (light) theme */
--bg: #212121;
--accent-bg: #2b2b2b;
--text: #dcdcdc;
--text-light: #ababab;
--border: #666;
--accent: #ffb300;
--accent-light: #ffecb3;
--code: #f06292;
--preformatted: #ccc;
--marked: #ffdd33;
--disabled: #111;
}
img,
video {
opacity: 0.6;
}
html {
/* Set the font globally */
font-family: var(--sans-font);
}
/* Make the body a nice central block */
body {
color: var(--text);
background: var(--bg);
font-size: var(--base-fontsize);
line-height: var(--line-height);
display: flex;
min-height: 100vh;
flex-direction: column;
flex: 1;
margin: 0 auto;
max-width: 45rem;
padding: 0 0.5rem;
overflow-x: hidden;
word-break: break-word;
overflow-wrap: break-word;
}
/* Make the header bg full width, but the content inline with body */
header {
background: var(--accent-bg);
border-bottom: 1px solid var(--border);
text-align: center;
padding: 2rem 0.5rem;
width: 100vw;
position: relative;
box-sizing: border-box;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
/* Remove margins for header text */
header h1,
header p {
margin: 0;
}
/* Add a little padding to ensure spacing is correct between content and nav */
main {
padding-top: 1.5rem;
}
/* Fix line height when title wraps */
h1,
h2,
h3 {
line-height: 1.1;
}
/* Format navigation */
nav {
font-size: 1rem;
line-height: 2;
padding: 1rem 0;
}
nav a {
margin: 1rem 1rem 0 0;
border: 1px solid var(--border);
border-radius: 5px;
color: var(--text) !important;
display: inline-block;
padding: 0.1rem 1rem;
text-decoration: none;
transition: 0.4s;
}
nav a.current {
border-radius: 8px;
color: var(--accent) !important;
border-color: var(--accent) !important;
}
nav a:hover {
color: var(--accent) !important;
border-color: var(--accent);
}
nav a.current:hover {
text-decoration: none;
}
footer {
margin-top: 4rem;
padding: 2rem 1rem 1.5rem 1rem;
color: var(--text-light);
font-size: 0.9rem;
text-align: center;
border-top: 1px solid var(--border);
}
/* Format headers */
h1 {
font-size: calc(
var(--base-fontsize) * var(--header-scale) * var(--header-scale) *
var(--header-scale) * var(--header-scale)
);
margin-top: calc(var(--line-height) * 1.5rem);
}
h2 {
font-size: calc(
var(--base-fontsize) * var(--header-scale) * var(--header-scale) *
var(--header-scale)
);
margin-top: calc(var(--line-height) * 1.5rem);
}
h3 {
font-size: calc(
var(--base-fontsize) * var(--header-scale) * var(--header-scale)
);
margin-top: calc(var(--line-height) * 1.5rem);
}
h4 {
font-size: calc(var(--base-fontsize) * var(--header-scale));
margin-top: calc(var(--line-height) * 1.5rem);
}
h5 {
font-size: var(--base-fontsize);
margin-top: calc(var(--line-height) * 1.5rem);
}
h6 {
font-size: calc(var(--base-fontsize) / var(--header-scale));
margin-top: calc(var(--line-height) * 1.5rem);
}
/* Format links & buttons */
a,
a:visited {
color: var(--accent);
}
a:hover {
text-decoration: none;
}
a button,
button,
[role="button"],
input[type="submit"],
input[type="reset"],
input[type="button"] {
border: none;
border-radius: 5px;
background: var(--accent);
font-size: 1rem;
color: var(--bg);
padding: 0.7rem 0.9rem;
margin: 0.5rem 0;
transition: 0.4s;
}
a button[disabled],
button[disabled],
[role="button"][aria-disabled="true"],
input[type="submit"][disabled],
input[type="reset"][disabled],
input[type="button"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][disabled],
select[disabled] {
opacity: 0.5;
cursor: not-allowed;
}
input:disabled,
textarea:disabled,
select:disabled {
cursor: not-allowed;
background-color: var(--disabled);
}
input[type="range"] {
padding: 0;
}
/* Set the cursor to '?' while hovering over an abbreviation */
abbr {
cursor: help;
}
button:focus,
button:enabled:hover,
[role="button"]:focus,
[role="button"]:not([aria-disabled="true"]):hover,
input[type="submit"]:focus,
input[type="submit"]:enabled:hover,
input[type="reset"]:focus,
input[type="reset"]:enabled:hover,
input[type="button"]:focus,
input[type="button"]:enabled:hover,
input[type="checkbox"]:focus,
input[type="checkbox"]:enabled:hover,
input[type="radio"]:focus,
input[type="radio"]:enabled:hover {
filter: brightness(1.4);
cursor: pointer;
}
/* Format the expanding box */
details {
background: var(--accent-bg);
border: 1px solid var(--border);
border-radius: 5px;
margin-bottom: 1rem;
}
summary {
cursor: pointer;
font-weight: bold;
padding: 0.6rem 1rem;
}
details[open] {
padding: 0.6rem 1rem 0.75rem 1rem;
}
details[open] summary {
margin-bottom: 0.5rem;
padding: 0;
}
details[open] > *:last-child {
margin-bottom: 0;
}
/* Format tables */
table {
border-collapse: collapse;
width: 100%;
margin: 1.5rem 0;
}
td,
th {
border: 1px solid var(--border);
text-align: left;
padding: 0.5rem;
}
th {
background: var(--accent-bg);
font-weight: bold;
}
tr:nth-child(even) {
/* Set every other cell slightly darker. Improves readability. */
background: var(--accent-bg);
}
table caption {
font-weight: bold;
margin-bottom: 0.5rem;
}
/* Lists */
ol,
ul {
padding-left: 3rem;
}
/* Format forms */
textarea,
select,
input {
font-size: inherit;
font-family: inherit;
padding: 0.5rem;
margin-bottom: 0.5rem;
color: var(--text);
background: var(--bg);
border: 1px solid var(--border);
border-radius: 5px;
box-shadow: none;
box-sizing: border-box;
width: 60%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
/* Add arrow to */
select {
background-image: linear-gradient(45deg, transparent 49%, var(--text) 51%),
linear-gradient(135deg, var(--text) 51%, transparent 49%);
background-position: calc(100% - 20px), calc(100% - 15px);
background-size: 5px 5px, 5px 5px;
background-repeat: no-repeat;
}
select[multiple] {
background-image: none !important;
}
/* checkbox and radio button style */
input[type="checkbox"],
input[type="radio"] {
vertical-align: bottom;
position: relative;
}
input[type="radio"] {
border-radius: 100%;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
background: var(--accent);
}
input[type="checkbox"]:checked::after {
/* Creates a rectangle with colored right and bottom borders which is rotated to look like a check mark */
content: " ";
width: 0.1em;
height: 0.25em;
border-radius: 0;
position: absolute;
top: 0.05em;
left: 0.18em;
background: transparent;
border-right: solid var(--bg) 0.08em;
border-bottom: solid var(--bg) 0.08em;
font-size: 1.8em;
transform: rotate(45deg);
}
input[type="radio"]:checked::after {
/* creates a colored circle for the checked radio button */
content: " ";
width: 0.25em;
height: 0.25em;
border-radius: 100%;
position: absolute;
top: 0.125em;
background: var(--bg);
left: 0.125em;
font-size: 32px;
}
/* Make the textarea wider than other inputs */
textarea {
width: 80%;
}
/* Makes input fields wider on smaller screens */
@media only screen and (max-width: 720px) {
textarea,
select,
input {
width: 100%;
}
}
/* Ensures the checkbox and radio inputs do not have a set width like other input fields */
input[type="checkbox"],
input[type="radio"] {
width: auto;
}
/* do not show border around file selector button */
input[type="file"] {
border: 0;
}
/* Without this any HTML using <fieldset> shows ugly borders and has additional padding/margin. (Issue #3) */
fieldset {
border: 0;
padding: 0;
margin: 0;
}
/* Misc body elements */
hr {
color: var(--border);
border-top: 1px;
margin: 1rem auto;
}
mark {
padding: 2px 5px;
border-radius: 4px;
background: var(--marked);
}
main img,
main video {
max-width: 100%;
height: auto;
border-radius: 5px;
}
figure {
margin: 0;
}
figcaption {
font-size: 0.9rem;
color: var(--text-light);
text-align: center;
margin-bottom: 1rem;
}
blockquote {
margin: 2rem 0 2rem 2rem;
padding: 0.4rem 0.8rem;
border-left: 0.35rem solid var(--accent);
opacity: 0.8;
font-style: italic;
}
cite {
font-size: 0.9rem;
color: var(--text-light);
font-style: normal;
}
/* Use mono font for code like elements */
code,
pre,
pre span,
kbd,
samp {
font-size: 1.075rem;
font-family: var(--mono-font);
color: var(--code);
}
kbd {
color: var(--preformatted);
border: 1px solid var(--preformatted);
border-bottom: 3px solid var(--preformatted);
border-radius: 5px;
padding: 0.1rem;
}
pre {
padding: 1rem 1.4rem;
max-width: 100%;
overflow: auto;
color: var(--preformatted);
background: var(--accent-bg);
border: 1px solid var(--border);
border-radius: 5px;
}
/* Fix embedded code within pre */
pre code {
color: var(--preformatted);
background: none;
margin: 0;
padding: 0;
}

File diff suppressed because one or more lines are too long

@ -1,4 +1,7 @@
# frozen_string_literal: true
module ApplicationHelper
def is_active(action)
params[:action] == action ? "current" : nil
end
end

@ -1,4 +1,11 @@
# frozen_string_literal: true
class Player < ApplicationRecord
after_initialize :default_values
private
def default_values
self.strikes ||= 0
self.paid ||= true
end
end

@ -12,12 +12,11 @@
<body>
<nav>
<%= link_to 'Home', '/' %>
<%= link_to 'Pins', machines_url %>
<%= link_to 'Players', players_url %>
<%= link_to 'Randomize', controller: 'pages', action: 'randomize' %>
<%= link_to 'Home', root_path, class: "#{"current" if current_page?(root_path)}" %>
<%= link_to 'Pins', machines_path, class: "#{"current" if current_page?(machines_path)}" %>
<%= link_to 'Players', players_path, class: "#{"current" if current_page?(players_path)}" %>
<%= link_to 'Randomize', {controller: 'pages', action: 'randomize'}, class: "#{"current" if current_page?(controller: 'pages', action: 'randomize')}" %>
</nav>
<%= yield %>
</body>
</html>

@ -1,4 +1,4 @@
<p style="color: green"><%= notice %></p>
<% if not notice.nil? %><p style="color: green"><%= notice %></p><% end %>
<h1>Pins</h1>
@ -8,5 +8,7 @@
<% end %>
</div>
<p><%= pluralize(@machines.count, 'total pin') %></p>
<hr>
<%= link_to "Add a pin", new_machine_path %>

@ -1,2 +1,3 @@
<h1>Knockout</h1>
<p>To start the tournament, add players and make sure that the pins are up to date. Then hit randomize to automatically pick teams!</p>
<p>The source code for this app can be found <a href="https://tildegit.org/ben/pinrails">here</a>.</p>

@ -1,12 +1,34 @@
<p style="color: green"><%= notice %></p>
<% if not notice.nil? %><p style="color: green"><%= notice %></p><% end %>
<h1>Players</h1>
<div id="players">
<% @players.each do |player| %>
<%= render player %>
<% end %>
<table>
<thead>
<th>Name</th>
<th>Paid</th>
<th>Strikes</th>
<th>Delete</th>
</thead>
<tbody>
<% @players.each do |player| %>
<tr>
<td><%= link_to player.name, player %></td>
<td>
<% if player.paid %>✓
<% end %></td>
<td><%= player.strikes %></td>
<td><%= link_to "X", player, data: {
turbo_method: :delete,
turbo_confirm: "Are you sure you want to remove #{player.name}?"
} %></td>
</tr>
<% end %>
</tbody>
</table>
</div>
<p><%= pluralize(@players.count, 'total player') %></p>
<hr>
<%= link_to "Add a player", new_player_path %>

25
db/schema.rb generated

@ -1,4 +1,3 @@
# frozen_string_literal: true
# This file is auto-generated from the current state of the database. Instead
# of editing this file, please use the migrations feature of Active Record to
# incrementally modify your database, and then regenerate this schema definition.
@ -11,21 +10,21 @@
#
# It's strongly recommended that you check this file into your version control system.
ActiveRecord::Schema.define(version: 20_220_115_164_820) do
ActiveRecord::Schema.define(version: 2022_01_15_164820) do
create_table 'machines', force: :cascade do |t|
t.string 'name'
t.string 'edition'
t.datetime 'created_at', precision: 6, null: false
t.datetime 'updated_at', precision: 6, null: false
create_table "machines", force: :cascade do |t|
t.string "name"
t.string "edition"
t.datetime "created_at", precision: 6, null: false
t.datetime "updated_at", precision: 6, null: false
end
create_table 'players', force: :cascade do |t|
t.string 'name'
t.boolean 'paid'
t.integer 'strikes'
t.datetime 'created_at', precision: 6, null: false
t.datetime 'updated_at', precision: 6, null: false
create_table "players", force: :cascade do |t|
t.string "name"
t.boolean "paid"
t.integer "strikes"
t.datetime "created_at", precision: 6, null: false
t.datetime "updated_at", precision: 6, null: false
end
end

Loading…
Cancel
Save